javascript 寫類方式之三

取前面兩種的優點：
a、用建構函式來定義類屬性（欄位）
b、用原型方式來定義類的方法。
就有了第三種方式。這種方式貌似採用的人較多。
3、綜合建構函式/原型 複製代碼 代碼如下:/**
* Person類：定義一個人，有個屬性name，和一個getName方法
* @param {String} name
*/
function Person(name) {
this.name = name;
}
Person.prototype.getName = function() {
return this.name;
}

這樣，即可通過建構函式構造不同name的人，對象執行個體也都共用getName方法，不會造成記憶體浪費。
但似乎這樣的代碼風格似乎仍然沒有java的類那麼緊湊，把屬性，構造方法（函數），方法都包在大括弧內。 複製代碼 代碼如下:public class Person {
//屬性（欄位）
String name;
//構造方法（函數）
Person(String name) {
this.name = name;
}
//方法
String getName() {
return this.name;
}
}

為了讓js代碼風格更緊湊，把掛在prototype的方法代碼移到function Person的大括弧內。 複製代碼 代碼如下:function Person(name) {
this.name = name;
Person.prototype.getName = function() {
return this.name;
}
}

似乎很神奇，還能這麼寫啊！驗證一下 複製代碼 代碼如下:var p1 = new Person("Jack");
var p2 = new Person("Tom");
console.log(p1.getName());//Jack
console.log(p2.getName());//Tom

沒有報錯，控制台也正確輸出了。說明可以這麼寫，呵呵。
嗯，似乎很完美。
a 、可以通過傳參構造對象執行個體
b 、對象執行個體都共用同一份方法不造成記憶體浪費
c 、代碼風格也比較緊湊
但每次new一個對象的時候都會執行
Person.prototype.getName = function() {
return this.name;
}
造成了不必要的重複的運算。因為getName方法掛在prototype上只需執行一次即可。只需稍微改造下： 複製代碼 代碼如下:function Person(name) {
this.name = name;
if(Person._init==undefined) {
alert("我只執行一次！");
Person.prototype.getName = function() {
return this.name;
}
Person._init = 1;
}
}

new兩個對象， 複製代碼 代碼如下:var p1 = new Person("Andy");//第一次new會彈出'我只執行一次！'
var p2 = new Person("Lily");//以後new的對象不會再執行了