JavaScript面向?qū)ο?極簡(jiǎn)主義法minimalist approach)
更新時(shí)間：2012年07月17日 08:11:37 作者：
荷蘭程序員 Gabor de Mooij 提出了一種比 Object.create ()更好的新方法，他稱這種方法為極簡(jiǎn)主義法（minimalist approach）。這也是我推薦的方法
極簡(jiǎn)主義法
荷蘭程序員 Gabor de Mooij 提出了一種比 Object.create ()更好的新方法，他稱這種方法為"極簡(jiǎn)主義法"（minimalist approach）。這也是我推薦的方法。
3. 1 封裝
這種方法不使用 this 和 prototype，代碼部署起來(lái)非常簡(jiǎn)單，這大概也是它被叫做"極簡(jiǎn)主義法"的原因。
首先，它也是用一個(gè)對(duì)象模擬"類"。在這個(gè)類里面，定義一個(gè)構(gòu)造函數(shù) createNew ()，用來(lái)生成實(shí)例。
var Cat = {
createNew: function (){
// some code here
}
};
然后，在 createNew ()里面，定義一個(gè)實(shí)例對(duì)象，把這個(gè)實(shí)例對(duì)象作為返回值。
var Cat = {
createNew: function (){
var cat = {};
cat.name = "大毛";
cat.makeSound = function (){ alert ("喵喵喵"); };
return cat;
}
};
使用的時(shí)候，調(diào)用 createNew ()方法，就可以得到實(shí)例對(duì)象。
var cat1 = Cat.createNew ();
cat1.makeSound (); // 喵喵喵
這種方法的好處是，容易理解，結(jié)構(gòu)清晰優(yōu)雅，符合傳統(tǒng)的"面向?qū)ο缶幊?的構(gòu)造，因此可以方便地部署下面的特性。
3. 2 繼承
讓一個(gè)類繼承另一個(gè)類，實(shí)現(xiàn)起來(lái)很方便。只要在前者的 createNew ()方法中，調(diào)用后者的 createNew ()方法即可。
先定義一個(gè) Animal 類。
var Animal = {
createNew: function (){
var animal = {};
animal.sleep = function (){ alert ("睡懶覺(jué)"); };
return animal;
}
};
然后，在 Cat 的 createNew ()方法中，調(diào)用 Animal 的 createNew ()方法。
var Cat = {
createNew: function (){
var cat = Animal.createNew ();
cat.name = "大毛";
cat.makeSound = function (){ alert ("喵喵喵"); };
return cat;
}
};
這樣得到的 Cat 實(shí)例，就會(huì)同時(shí)繼承 Cat 類和 Animal 類。
var cat1 = Cat.createNew ();
cat1.sleep (); // 睡懶覺(jué)
3. 3 私有屬性和私有方法
在 createNew ()方法中，只要不是定義在 cat 對(duì)象上的方法和屬性，都是私有的。
var Cat = {
createNew: function (){
var cat = {};
var sound = "喵喵喵";
cat.makeSound = function (){ alert (sound); };
return cat;
}
};
上例的內(nèi)部變量 sound，外部無(wú)法讀取，只有通過(guò) cat 的公有方法 makeSound ()來(lái)讀取。
var cat1 = Cat.createNew ();
alert (cat1.sound); // undefined
3. 4 數(shù)據(jù)共享
有時(shí)候，我們需要所有實(shí)例對(duì)象，能夠讀寫同一項(xiàng)內(nèi)部數(shù)據(jù)。這個(gè)時(shí)候，只要把這個(gè)內(nèi)部數(shù)據(jù)，封裝在類對(duì)象的里面、createNew ()方法的外面即可。
var Cat = {
sound : "喵喵喵",
createNew: function (){
var cat = {};
cat.makeSound = function (){ alert (Cat.sound); };
cat.changeSound = function (x){ Cat.sound = x; };
return cat;
}
};
然后，生成兩個(gè)實(shí)例對(duì)象：
var cat1 = Cat.createNew ();
var cat2 = Cat.createNew ();
cat1.makeSound (); // 喵喵喵
這時(shí)，如果有一個(gè)實(shí)例對(duì)象，修改了共享的數(shù)據(jù)，另一個(gè)實(shí)例對(duì)象也會(huì)受到影響。
cat2.changeSound ("啦啦啦");
cat1.makeSound (); // 啦啦啦
荷蘭程序員 Gabor de Mooij 提出了一種比 Object.create ()更好的新方法，他稱這種方法為"極簡(jiǎn)主義法"（minimalist approach）。這也是我推薦的方法。
3. 1 封裝
這種方法不使用 this 和 prototype，代碼部署起來(lái)非常簡(jiǎn)單，這大概也是它被叫做"極簡(jiǎn)主義法"的原因。
首先，它也是用一個(gè)對(duì)象模擬"類"。在這個(gè)類里面，定義一個(gè)構(gòu)造函數(shù) createNew ()，用來(lái)生成實(shí)例。
復(fù)制代碼 代碼如下:
var Cat = {
createNew: function (){
// some code here
}
};
然后，在 createNew ()里面，定義一個(gè)實(shí)例對(duì)象，把這個(gè)實(shí)例對(duì)象作為返回值。
復(fù)制代碼 代碼如下:
var Cat = {
createNew: function (){
var cat = {};
cat.name = "大毛";
cat.makeSound = function (){ alert ("喵喵喵"); };
return cat;
}
};
使用的時(shí)候，調(diào)用 createNew ()方法，就可以得到實(shí)例對(duì)象。
復(fù)制代碼 代碼如下:
var cat1 = Cat.createNew ();
cat1.makeSound (); // 喵喵喵
這種方法的好處是，容易理解，結(jié)構(gòu)清晰優(yōu)雅，符合傳統(tǒng)的"面向?qū)ο缶幊?的構(gòu)造，因此可以方便地部署下面的特性。
3. 2 繼承
讓一個(gè)類繼承另一個(gè)類，實(shí)現(xiàn)起來(lái)很方便。只要在前者的 createNew ()方法中，調(diào)用后者的 createNew ()方法即可。
先定義一個(gè) Animal 類。
復(fù)制代碼 代碼如下:
var Animal = {
createNew: function (){
var animal = {};
animal.sleep = function (){ alert ("睡懶覺(jué)"); };
return animal;
}
};
然后，在 Cat 的 createNew ()方法中，調(diào)用 Animal 的 createNew ()方法。
復(fù)制代碼 代碼如下:
var Cat = {
createNew: function (){
var cat = Animal.createNew ();
cat.name = "大毛";
cat.makeSound = function (){ alert ("喵喵喵"); };
return cat;
}
};
這樣得到的 Cat 實(shí)例，就會(huì)同時(shí)繼承 Cat 類和 Animal 類。
復(fù)制代碼 代碼如下:
var cat1 = Cat.createNew ();
cat1.sleep (); // 睡懶覺(jué)
3. 3 私有屬性和私有方法
在 createNew ()方法中，只要不是定義在 cat 對(duì)象上的方法和屬性，都是私有的。
復(fù)制代碼 代碼如下:
var Cat = {
createNew: function (){
var cat = {};
var sound = "喵喵喵";
cat.makeSound = function (){ alert (sound); };
return cat;
}
};
上例的內(nèi)部變量 sound，外部無(wú)法讀取，只有通過(guò) cat 的公有方法 makeSound ()來(lái)讀取。
復(fù)制代碼 代碼如下:
var cat1 = Cat.createNew ();
alert (cat1.sound); // undefined
3. 4 數(shù)據(jù)共享
有時(shí)候，我們需要所有實(shí)例對(duì)象，能夠讀寫同一項(xiàng)內(nèi)部數(shù)據(jù)。這個(gè)時(shí)候，只要把這個(gè)內(nèi)部數(shù)據(jù)，封裝在類對(duì)象的里面、createNew ()方法的外面即可。
復(fù)制代碼 代碼如下:
var Cat = {
sound : "喵喵喵",
createNew: function (){
var cat = {};
cat.makeSound = function (){ alert (Cat.sound); };
cat.changeSound = function (x){ Cat.sound = x; };
return cat;
}
};
然后，生成兩個(gè)實(shí)例對(duì)象：
復(fù)制代碼 代碼如下:
var cat1 = Cat.createNew ();
var cat2 = Cat.createNew ();
cat1.makeSound (); // 喵喵喵
這時(shí)，如果有一個(gè)實(shí)例對(duì)象，修改了共享的數(shù)據(jù)，另一個(gè)實(shí)例對(duì)象也會(huì)受到影響。
復(fù)制代碼 代碼如下:
cat2.changeSound ("啦啦啦");
cat1.makeSound (); // 啦啦啦
相關(guān)文章
在"初識(shí)Javascript"章節(jié)中，提到通過(guò)作用域和閉包來(lái)隱藏內(nèi)部細(xì)節(jié)，并給外部提供訪問(wèn)接口，就初次接觸到了信息隱藏的概念了2012-01-01
javascript 面向?qū)ο缶幊?萬(wàn)物皆對(duì)象
javascript幾乎成了如今web開(kāi)發(fā)人員必學(xué)必會(huì)的一門語(yǔ)言，但很多人卻只停在了一些表單驗(yàn)證等基礎(chǔ)操作層面上，在面向?qū)ο笳Z(yǔ)言大行其道的當(dāng)下，我們需要去學(xué)習(xí)javascript的面向?qū)ο蟮闹R(shí)，以便更好的掌握javascript、為深入理解各種腳本框架打好基礎(chǔ)。2009-09-09
關(guān)于JavaScript定義類和對(duì)象的幾種方式
在說(shuō)這個(gè)話題之前，我想先說(shuō)幾句題外話：最近偶然碰到有朋友問(wèn)我“hoisting”的問(wèn)題。即在js里所有變量的聲明都是置頂?shù)?，而賦值則是在之后發(fā)生的。2010-11-11
學(xué)習(xí)面向?qū)ο笾嫦驅(qū)ο蟮幕靖拍?對(duì)象和其他基本要素
學(xué)習(xí)面向?qū)ο笾嫦驅(qū)ο蟮幕靖拍?對(duì)象和其他基本要素2010-11-11
javascript 面向?qū)ο缶幊?聊聊對(duì)象的事
javascript是基于對(duì)象的編程語(yǔ)言。從window到document，從方法到類，從object到Array都是對(duì)象。2009-09-09
JavaScript 核心參考教程 內(nèi)置對(duì)象
JavaScript 是根據(jù) "ECMAScript"標(biāo)準(zhǔn)制定的網(wǎng)頁(yè)腳本語(yǔ)言。這個(gè)標(biāo)準(zhǔn)由 ECMA 組織發(fā)展和維護(hù)。ECMA-262 是正式的 JavaScript 標(biāo)準(zhǔn)。2009-10-10
js定義對(duì)象簡(jiǎn)單學(xué)習(xí)例子
js定義對(duì)象簡(jiǎn)單學(xué)習(xí)例子...2007-09-09
本文介紹了JavaScript里面的prototype屬性。這個(gè)屬性是理解JavaScript類和繼承的重要基礎(chǔ)。2010-09-09
XRegExp 0.2: Now With Named Capture
XRegExp 0.2: Now With Named Capture...
2007-11-11