JS創(chuàng)建類和對象的兩種不同方式

更新時間：2014年08月08日 10:06:38 投稿：whsnow

定義了一個新的函數, 你實際上聲明了一個新的類, 而這個函數本身就相當于類的構造函數，下面為大家展示創(chuàng)建一個新類的兩種不同方式

在JavaScript中, 當你定義了一個新的函數, 你實際上聲明了一個新的類, 而這個函數本身就相當于類的構造函數。下面的代碼向你展示了兩種不同的方式來創(chuàng)建一個新的Person類, 而Person.prototype的定義也緊跟在函數定義之后。

var Person = function(name) { // 一個匿名函數, 并將這個函數賦值給一個Person變量, 此時Person成為一個類 

this.name = name; 

} 

function Person(name) { // 直接定義一個叫做Person的函數表示Person類 

this.name = name; 

} 

Person.prototype = { // 定義Person的prototype域 

printName: function() { // 定義一個print函數 

alert(this.name); 

} 

}

當你通過函數的方式聲明了一個類之后, 你就可以通過new操作符來實例化這個類。這樣, 你就可以調用類的成員函數來完成你的邏輯。

var person = new Person("Joe Smith"); // 使用new操作符來新建一個Person的實例, 并賦給變量person 
person.printName(); // person就可以看作是一個實例的引用(reference), 所以可以通過這個引用來調用Person類中的成員函數

我們來總結一下創(chuàng)建一個新的類的實例的整個流程和步驟：

1. 通過定義一個函數的方式(匿名或者實名)來聲明一個新的類.
2. 如果有必要, 定義這個新的類的prototype域.
3. 使用new操作符緊跟你所定義的函數來創(chuàng)建一個新的類的實例. 一旦JavaScript編譯器碰到了new操作符, 它實際上創(chuàng)建了一個空的類實例變量.
4. 將所有這個類的prototype域中的屬性與方法復制到這個新的實例中, 并將其成員函數中所有的this指針指向這個新創(chuàng)建的實例.
5. 接下來, 執(zhí)行緊跟在new操作符后面的那個函數.
6. 當你執(zhí)行這個函數時, 如果你試圖對一個不存在的屬性進行賦值, JavaScript編譯器將自動為你在這個實例范圍內新創(chuàng)建這個屬性.
7. 函數執(zhí)行完畢后, 將這個初始化完成的實例返回.

在Prototype中, 使用Class對象, 你可以以一個比較簡單的方式來聲明一個新的對象。通過使用Class.create(), prototype為你創(chuàng)建了一個默認的構造函數initialize(), 一旦你實現這一函數, 就可以以一個類似Java中構造函數的方式來創(chuàng)建一個新的類的實例。

您可能感興趣的文章: