javascript 寫類方式之一

2024-05-06 14:14:57

字體：大中小

來源：轉載

供稿：網友

EMCA262規范中沒有類(class)的概念，js的new只是讓他看起來更像c++,java一點。這里說的寫類，只是書寫js代碼風格而已。
1、構造函數方式
代碼如下:
/**
* Person類：定義一個人，有個屬性name，和一個getName方法
* @param {String} name
*/
function Person(name) {
this.name = name;
this.getName = function() {
return this.name;
}
}

這種風格讓我們這些寫過java的有點親切在于構造一個對象需要配置一些參數，參數要賦值給類里面this。但與java的區別是js用function來定義類，參數也無需定義類型。

類寫好了，我們造幾個對象：
代碼如下:
var p1 = new Person("Jack");
var p2 = new Person("Tom");
console.log(p1 instanceof Person);//true
console.log(p2 instanceof Person);//true

控制臺輸出也證明了p1，p2的確是類Person的對象實例。

這種方式的優點是：可以根據參數來構造不同的對象實例，缺點是構造時每個實例對象都會生成getName方法版本，造成了內存的浪費。

當然經驗豐富的程序員用一個外部函數來代替類方法，達到了每個對象共享同一個方法。改寫后的類如下：
代碼如下:
//外部函數
function getName() {
return this.name;
}

function Person(name) {
this.name = name;
this.getName = getName;//注意這里
}

呵呵，有人可能覺得代碼風格有點差強人意，怎么看也沒有java那么緊湊。但的確可以減少內存的消耗。

上一篇：javascript 瀏覽器判斷綁定事件 arguments 轉換數組數組遍歷

下一篇：JavaScript 對象、函數和繼承