前言

這次主要是說明物件的部分

物件

• 物件 = object
• 物件就是把一群變數和函數組合在一起，成為一個類似真實存在的模型，例如一個旅館裡面包含多少人、多少房間(變數)，剩下的空房(函數)有多少等
• 建立空的物件，有2種方法，一般應該是使用第2種比較多
• 建立後再使用 物件.屬性 = 值 ; 來新增物件的資料

var obj1 = new Object();
var obj2 ={};

console.log(obj1); // 顯示{}
console.log(obj2); // 顯示{}

obj2.a = "1";
obj2.b = 30;

• 可以直接在{ } 裡面增加相關屬性，屬性之後以 : 連接值(value)
  • : 很容易打成 = (還是只有我這樣？)
• 每個屬性以 , 分開
• 值可以是數值、字串、陣列，要接函數與物件也可以

var obj = {
    a : 3,
    b : "string",
    c : [2 , 3],
    d : function(){

    },
    e :{
        e1 : "1",
        e2 : "2"
    }
};

• 呼叫物件內的屬性可以使用 物件.屬性 或是使用 物件["屬性"] 表示

obj.a;    // 輸出 3
obj.c[0]; // 輸出 2
obj.d();  // 輸出函數內容(undefined)
obj.e.e1; // 輸出 1

obj["b"]; // 輸出 string

• 組合例，這裡的 this 是一個關鍵字，會指向函數所在的這個物件( people )，如果要寫原本的也是可以(如 people.cloth )

var people = {
    name : "Tom",
    gender : "男生",
    cloth : "紅色",
    total : function(){
        console.log("穿著" + this.cloth + "衣服的人" + this.name + "是" + this.gender);
    }
};
people.total();
// 穿著紅色衣服的人Tom是男生

var shape = {
    width : 200,
    height : 300,
    area : function() {
        return this.width * this.height ;
    }
};

• 參考：JavaScript 物件基礎概念
• OOP (Object-Oriented Programming) 物件導向設計？
  • 一種不限程式語言的程式設計方法
  • 雖然很常聽到，但還有待消化理解，待補充

次回

預計進行迴圈的部分