JavaScript面向對象(極簡主義法)


極簡主義法

  荷蘭程序員 Gabor de Mooij 提出了一種比 Object.create ()更好的新方法,他稱這種方法為"極簡主義法"(minimalist approach)。這也是我推薦的方法。

  3. 1 封裝

  這種方法不使用 this 和 prototype,代碼部署起來非常簡單,這大概也是它被叫做"極簡主義法"的原因。

  首先,它也是用一個對象模擬"類"。在這個類里面,定義一個構造函數 createNew (),用來生成實例。

var Cat = {

createNew: function (){

// some code here

}

};

  然后,在 createNew ()里面,定義一個實例對象,把這個實例對象作為返回值。

var Cat = {

createNew: function (){

var cat = {};

cat.name = "大毛";

cat.makeSound = function (){ alert ("喵喵喵"); };

return cat;

}

};

  使用的時候,調用 createNew ()方法,就可以得到實例對象。

var cat1 = Cat.createNew ();

cat1.makeSound (); // 喵喵喵

  這種方法的好處是,容易理解,結構清晰優雅,符合傳統的"面向對象編程"的構造,因此可以方便地部署下面的特性。

  3. 2 繼承

  讓一個類繼承另一個類,實現起來很方便。只要在前者的 createNew ()方法中,調用后者的 createNew ()方法即可。

  先定義一個 Animal 類。

var Animal = {

createNew: function (){

var animal = {};

animal.sleep = function (){ alert ("睡懶覺"); };

return animal;

}

};

  然后,在 Cat 的 createNew ()方法中,調用 Animal 的 createNew ()方法。

var Cat = {

createNew: function (){

var cat = Animal.createNew ();

cat.name = "大毛";

cat.makeSound = function (){ alert ("喵喵喵"); };

return cat;

}

};

  這樣得到的 Cat 實例,就會同時繼承 Cat 類和 Animal 類。

var cat1 = Cat.createNew ();

cat1.sleep (); // 睡懶覺

  3. 3 私有屬性和私有方法

  在 createNew ()方法中,只要不是定義在 cat 對象上的方法和屬性,都是私有的。

var Cat = {

createNew: function (){

var cat = {};

var sound = "喵喵喵";

cat.makeSound = function (){ alert (sound); };

return cat;

}

};

  上例的內部變量 sound,外部無法讀取,只有通過 cat 的公有方法 makeSound ()來讀取。

var cat1 = Cat.createNew ();

alert (cat1.sound); // undefined

  3. 4 數據共享

  有時候,我們需要所有實例對象,能夠讀寫同一項內部數據。這個時候,只要把這個內部數據,封裝在類對象的里面、createNew ()方法的外面即可。

var Cat = {

sound : "喵喵喵",

createNew: function (){

var cat = {};

cat.makeSound = function (){ alert (Cat.sound); };

cat.changeSound = function (x){ Cat.sound = x; };

return cat;

}

};

  然后,生成兩個實例對象:

var cat1 = Cat.createNew ();

var cat2 = Cat.createNew ();

cat1.makeSound (); // 喵喵喵

  這時,如果有一個實例對象,修改了共享的數據,另一個實例對象也會受到影響。

cat2.changeSound ("啦啦啦");

cat1.makeSound (); // 啦啦啦

原文:http://www.ruanyifeng.com/blog/2012/07/three_ways_to_define_a_javascript_class.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM