|
|
a、用構(gòu)造函數(shù)來定義類屬性（字段）
b、用原型方式來定義類的方法。
就有了第三種方式。這種方式貌似采用的人較多。
3、綜合構(gòu)造函數(shù)/原型
復(fù)制代碼 代碼如下:
/**
* Person類：定義一個(gè)人，有個(gè)屬性name，和一個(gè)getName方法
* @param {String} name
*/
function Person(name) {
this.name = name;
}
Person.prototype.getName = function() {
return this.name;
}
這樣，即可通過構(gòu)造函數(shù)構(gòu)造不同name的人，對(duì)象實(shí)例也都共享getName方法，不會(huì)造成內(nèi)存浪費(fèi)。
但似乎這樣的代碼風(fēng)格似乎仍然沒有Java的類那么緊湊，把屬性，構(gòu)造方法（函數(shù)），方法都包在大括號(hào)內(nèi)。
復(fù)制代碼 代碼如下:
public class Person {
//屬性（字段）
String name;
//構(gòu)造方法（函數(shù)）
Person(String name) {
this.name = name;
}
//方法
String getName() {
return this.name;
}
}
為了讓js代碼風(fēng)格更緊湊，把掛在prototype的方法代碼移到function Person的大括號(hào)內(nèi)。
復(fù)制代碼 代碼如下:
function Person(name) {
this.name = name;
Person.prototype.getName = function() {
return this.name;
}
}
似乎很神奇，還能這么寫??！驗(yàn)證一下
復(fù)制代碼 代碼如下:
var p1 = new Person("Jack");
var p2 = new Person("Tom");
console.log(p1.getName());//Jack
console.log(p2.getName());//Tom
沒有報(bào)錯(cuò)，控制臺(tái)也正確輸出了。說明可以這么寫，呵呵。
嗯，似乎很完美。
a 、可以通過傳參構(gòu)造對(duì)象實(shí)例
b 、對(duì)象實(shí)例都共享同一份方法不造成內(nèi)存浪費(fèi)
c 、代碼風(fēng)格也比較緊湊
但每次new一個(gè)對(duì)象的時(shí)候都會(huì)執(zhí)行
Person.prototype.getName = function() {
return this.name;
}
造成了不必要的重復(fù)的運(yùn)算。因?yàn)間etName方法掛在prototype上只需執(zhí)行一次即可。只需稍微改造下：
復(fù)制代碼 代碼如下:
function Person(name) {
this.name = name;
if(Person._init==undefined) {
alert("我只執(zhí)行一次！");
Person.prototype.getName = function() {
return this.name;
}
Person._init = 1;
}
}
new兩個(gè)對(duì)象，
復(fù)制代碼 代碼如下:
var p1 = new Person("Andy");//第一次new會(huì)彈出'我只執(zhí)行一次！'
var p2 = new Person("Lily");//以后new的對(duì)象不會(huì)再執(zhí)行了
JavaScript技術(shù)：javascript 寫類方式之三，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
