建立 JavaScript 對象

標籤：www   john   school   color   his   com   this   函數   gen   

http://www.w3school.com.cn/js/js_objects.asp

建立 JavaScript 對象

通過 JavaScript，您能夠定義並建立自己的對象。

建立新對象有兩種不同的方法：

1. 定義並建立對象的執行個體
2. 使用函數來定義對象，然後建立新的對象執行個體

建立直接的執行個體

這個例子建立了對象的一個新執行個體，並向其添加了四個屬性：

執行個體

person=new Object();person.firstname="Bill";person.lastname="Gates";person.age=56;person.eyecolor="blue";

親自試一試

替代文法（使用對象 literals）：

執行個體

person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};

親自試一試

使用物件建構器

本例使用函數來構造對象：

執行個體

function person(firstname,lastname,age,eyecolor){this.firstname=firstname;this.lastname=lastname;this.age=age;this.eyecolor=eyecolor;}

親自試一試

建立 JavaScript 對象執行個體

一旦您有了物件建構器，就可以建立新的對象執行個體，就像這樣：

var myFather=new person("Bill","Gates",56,"blue");var myMother=new person("Steve","Jobs",48,"green");

把屬性添加到 JavaScript 對象

您可以通過為對象賦值，向已有對象添加新屬性：

假設 personObj 已存在 - 您可以為其添加這些新屬性：firstname、lastname、age 以及 eyecolor：

person.firstname="Bill";person.lastname="Gates";person.age=56;person.eyecolor="blue";x=person.firstname;

在以上代碼執行後，x 的值將是：

Bill

把方法添加到 JavaScript 對象

方法只不過是附加在對象上的函數。

在構造器函數內部定義對象的方法：

function person(firstname,lastname,age,eyecolor){this.firstname=firstname;this.lastname=lastname;this.age=age;this.eyecolor=eyecolor;this.changeName=changeName;function changeName(name){this.lastname=name;}}

changeName() 函數 name 的值賦給 person 的 lastname 屬性。

現在您可以試一下：

myMother.changeName("Ballmer");

親自試一試

JavaScript 類

JavaScript 是物件導向的語言，但 JavaScript 不使用類。

在 JavaScript 中，不會建立類，也不會通過類來建立對象（就像在其他物件導向的語言中那樣）。

JavaScript 基於 prototype，而不是基於類的。

建立 JavaScript 對象