欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript面向?qū)ο?極簡主義法minimalist approach)

 更新時(shí)間：2012年07月17日 08:11:37   作者：  
荷蘭程序員 Gabor de Mooij 提出了一種比 Object.create ()更好的新方法，他稱這種方法為極簡主義法（minimalist approach）。這也是我推薦的方法
極簡主義法
　　荷蘭程序員 Gabor de Mooij 提出了一種比 Object.create ()更好的新方法，他稱這種方法為"極簡主義法"（minimalist approach）。這也是我推薦的方法。
　　3. 1 封裝
　　這種方法不使用 this 和 prototype，代碼部署起來非常簡單，這大概也是它被叫做"極簡主義法"的原因。
　　首先，它也是用一個(gè)對象模擬"類"。在這個(gè)類里面，定義一個(gè)構(gòu)造函數(shù) createNew ()，用來生成實(shí)例。
復(fù)制代碼 代碼如下:

var Cat = {
createNew: function (){
// some code here
}
};

　　然后，在 createNew ()里面，定義一個(gè)實(shí)例對象，把這個(gè)實(shí)例對象作為返回值。
復(fù)制代碼 代碼如下:

var Cat = {
createNew: function (){
var cat = {};
cat.name = "大毛";
cat.makeSound = function (){ alert ("喵喵喵"); };
return cat;
}
};

　　使用的時(shí)候，調(diào)用 createNew ()方法，就可以得到實(shí)例對象。
復(fù)制代碼 代碼如下:

var cat1 = Cat.createNew ();
cat1.makeSound (); // 喵喵喵

　　這種方法的好處是，容易理解，結(jié)構(gòu)清晰優(yōu)雅，符合傳統(tǒng)的"面向?qū)ο缶幊?的構(gòu)造，因此可以方便地部署下面的特性。
　　3. 2 繼承
　　讓一個(gè)類繼承另一個(gè)類，實(shí)現(xiàn)起來很方便。只要在前者的 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í)例，就會同時(shí)繼承 Cat 類和 Animal 類。
復(fù)制代碼 代碼如下:

var cat1 = Cat.createNew ();
cat1.sleep (); // 睡懶覺

　　3. 3 私有屬性和私有方法
　　在 createNew ()方法中，只要不是定義在 cat 對象上的方法和屬性，都是私有的。
復(fù)制代碼 代碼如下:

var Cat = {
createNew: function (){
var cat = {};
var sound = "喵喵喵";
cat.makeSound = function (){ alert (sound); };
return cat;
}
};

　　上例的內(nèi)部變量 sound，外部無法讀取，只有通過 cat 的公有方法 makeSound ()來讀取。
復(fù)制代碼 代碼如下:

var cat1 = Cat.createNew ();
alert (cat1.sound); // undefined

　　3. 4 數(shù)據(jù)共享
　　有時(shí)候，我們需要所有實(shí)例對象，能夠讀寫同一項(xiàng)內(nèi)部數(shù)據(jù)。這個(gè)時(shí)候，只要把這個(gè)內(nèi)部數(shù)據(jù)，封裝在類對象的里面、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í)例對象：
復(fù)制代碼 代碼如下:

var cat1 = Cat.createNew ();
var cat2 = Cat.createNew ();
cat1.makeSound (); // 喵喵喵

　　這時(shí)，如果有一個(gè)實(shí)例對象，修改了共享的數(shù)據(jù)，另一個(gè)實(shí)例對象也會受到影響。
復(fù)制代碼 代碼如下:

cat2.changeSound ("啦啦啦");
cat1.makeSound (); // 啦啦啦

相關(guān)文章

  • javascript 寫類方式之三

    javascript 寫類方式之三

    用構(gòu)造函數(shù)來定義類屬性（字段） 用原型方式來定義類的方法。 就有了第三種方式。這種方式貌似采用的人較多。
    2009-07-07
  • JavaScript面向?qū)ο笾o態(tài)與非靜態(tài)類

    JavaScript面向?qū)ο笾o態(tài)與非靜態(tài)類

    使用JavaScript面向?qū)ο笸耆鲇谂既唬驗(yàn)榇蟛糠謺r(shí)間我都是在無圖形界面的環(huán)境下工作，有時(shí)候就算是介入了web客戶端的工作的時(shí)候，在寫js和ajax時(shí)，最多的也只是寫寫function，從沒有考慮過要使用JavaScript面向?qū)ο筮@么高級的技巧。
    2010-02-02
  • 最簡單的javascript對象實(shí)例代碼

    最簡單的javascript對象實(shí)例代碼

    非常簡單的js面向?qū)ο髮?shí)例代碼，主要是利用了this,對于js面向?qū)ο蟮膶W(xué)習(xí)資料，可以查看腳本之家以前的文章。
    2009-12-12
  • JS小框架 fly javascript framework

    JS小框架 fly javascript framework

    這幾天把工作中積累的東西整理成了一個(gè)小框架,分享給大家,希望對大家有用,也想聽一下大家的批評
    2009-11-11
  • js面向?qū)ο?多種創(chuàng)建對象方法小結(jié)

    js面向?qū)ο?多種創(chuàng)建對象方法小結(jié)

    js面向?qū)ο?多種創(chuàng)建對象方法小結(jié)，需要的朋友可以參考下
    2012-05-05
  • CCPry JS類庫 代碼

    CCPry JS類庫 代碼

    CCPry JS類庫 代碼，需要的朋友可以參下。
    2009-10-10
  • Javascript 面向?qū)ο缶幊?coolshell)

    Javascript 面向?qū)ο缶幊?coolshell)

    Javascript是一個(gè)類C的語言，他的面向?qū)ο蟮臇|西相對于C++/Java比較奇怪，但是其的確相當(dāng)?shù)膹?qiáng)大，在 Todd 同學(xué)的“對象的消息模型”一文中我們已經(jīng)可以看到一些端倪了
    2012-03-03
  • javascript 寫類方式之四

    javascript 寫類方式之四

    構(gòu)造函數(shù) + 原型 直接組裝一個(gè)類；同一構(gòu)造函數(shù)將組裝出同一類型
    2009-07-07
  • Javascript 類與靜態(tài)類的實(shí)現(xiàn)(續(xù))

    Javascript 類與靜態(tài)類的實(shí)現(xiàn)(續(xù))

    由于MM的事件已干完，接著我們的靜態(tài)類的實(shí)現(xiàn)。這東西在Javascript里用得會非常的頻繁，因?yàn)獒槍ΜF(xiàn)在的網(wǎng)頁，多個(gè)基于同一個(gè)類對象的頁面不多，往往不同塊對象的交互就可以解決問題了，這就需要在JS針對元素定義幾個(gè)靜態(tài)類就可以完事了，進(jìn)入正題。
    2010-04-04

最新評論