[Back To Basic] Javascript - 物件(Objects)

物件(Objects)

javascript其實也是物件導向概念的一種語言，物件(Object)可以有屬性(properties)和方法(methods)。

e.g.

var person = {

  firstName: "Tseng"

  lastName: "Shawn",

  fullName : function() {

    return this.firstName + " " + this.lastName;

  }

}

相對於原始變數(Primitive Data)，一個變數對應一個值; 物件(Objects)可以想像成一個裝了多個變數的容器(container)。

屬性(properties)

一組屬性(property)的語法: name: value; 

e.g. var person ={ name:"Shawn" }

取得/設定屬性值

• objectName.propertyName; e.g. person.firstName
• objectName["propertyName"]; e.g. person["firstName"]

方法(methods)

用function定義之。

e.g.

var person = {

  fullName : function() {

    return this.firstName + " " + this.lastName;

  }

}

關鍵字: this

在一個function中使用this, 這個this就代表擁有者(owner)的意思，"誰"擁有了這個function，this就是"誰"。

e.g.

var person = {

  firstName: "Tseng"

  lastName: "Shawn",

  fullName : function() {

    return this.firstName + " " + this.lastName;

  }

}

因為person擁有fullName, 所以這邊的this就代表person

使用物件(Objects)的方法(methods)

接續上例: person.fullName()