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 ("睡懶覺"); };
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 (); // 睡懶覺
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 ("睡懶覺"); };
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 (); // 睡懶覺
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)文章
JavaScript面向?qū)ο笾o態(tài)與非靜態(tài)類
使用JavaScript面向?qū)ο笸耆鲇谂既?,因?yàn)榇蟛糠謺r(shí)間我都是在無(wú)圖形界面的環(huán)境下工作,有時(shí)候就算是介入了web客戶端的工作的時(shí)候,在寫js和ajax時(shí),最多的也只是寫寫function,從沒有考慮過(guò)要使用JavaScript面向?qū)ο筮@么高級(jí)的技巧。2010-02-02最簡(jiǎn)單的javascript對(duì)象實(shí)例代碼
非常簡(jiǎn)單的js面向?qū)ο髮?shí)例代碼,主要是利用了this,對(duì)于js面向?qū)ο蟮膶W(xué)習(xí)資料,可以查看腳本之家以前的文章。2009-12-12JS小框架 fly javascript framework
這幾天把工作中積累的東西整理成了一個(gè)小框架,分享給大家,希望對(duì)大家有用,也想聽一下大家的批評(píng)2009-11-11js面向?qū)ο?多種創(chuàng)建對(duì)象方法小結(jié)
js面向?qū)ο?多種創(chuàng)建對(duì)象方法小結(jié),需要的朋友可以參考下2012-05-05Javascript 面向?qū)ο缶幊?coolshell)
Javascript是一個(gè)類C的語(yǔ)言,他的面向?qū)ο蟮臇|西相對(duì)于C++/Java比較奇怪,但是其的確相當(dāng)?shù)膹?qiáng)大,在 Todd 同學(xué)的“對(duì)象的消息模型”一文中我們已經(jīng)可以看到一些端倪了2012-03-03Javascript 類與靜態(tài)類的實(shí)現(xiàn)(續(xù))
由于MM的事件已干完,接著我們的靜態(tài)類的實(shí)現(xiàn)。這東西在Javascript里用得會(huì)非常的頻繁,因?yàn)獒槍?duì)現(xiàn)在的網(wǎng)頁(yè),多個(gè)基于同一個(gè)類對(duì)象的頁(yè)面不多,往往不同塊對(duì)象的交互就可以解決問題了,這就需要在JS針對(duì)元素定義幾個(gè)靜態(tài)類就可以完事了,進(jìn)入正題。2010-04-04