站長資訊網(wǎng)
        最全最豐富的資訊網(wǎng)站

        javascript有定義類的方法嗎

        javascript有定義類的方法。方法:1、利用構(gòu)造函數(shù)來定義類,語法為“function name() {this.name = "…";}”;2、利用“Object.create()”方法定義類,語法為“var name = Object.create(…);”;3、在類中定義一個(gè)構(gòu)造函數(shù),并在該函數(shù)中定義一個(gè)實(shí)例對象,之后重新調(diào)用該函數(shù)來實(shí)現(xiàn)定義類。

        javascript有定義類的方法嗎

        本教程操作環(huán)境:windows10系統(tǒng)、javascript1.8.5版、Dell G3電腦。

        javascript有定義類的方法嗎

        javascript有定義類的方法

        Javascript定義類(class)的三種方法

        在面向?qū)ο缶幊讨校悾╟lass)是對象(object)的模板,定義了同一組對象(又稱"實(shí)例")共有的屬性和方法。

        Javascript語言不支持"類",但是可以用一些變通的方法,模擬出"類"。

        一、構(gòu)造函數(shù)法

        這是經(jīng)典方法,也是教科書必教的方法。它用構(gòu)造函數(shù)模擬"類",在其內(nèi)部用this關(guān)鍵字指代實(shí)例對象。

          function Cat() {     this.name = "大毛";   }

        生成實(shí)例的時(shí)候,使用new關(guān)鍵字。

          var cat1 = new Cat();   alert(cat1.name); // 大毛

        類的屬性和方法,還可以定義在構(gòu)造函數(shù)的prototype對象之上。

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

        它的主要缺點(diǎn)是,比較復(fù)雜,用到了this和prototype,編寫和閱讀都很費(fèi)力。

        二、Object.create()法

        為了解決"構(gòu)造函數(shù)法"的缺點(diǎn),更方便地生成對象,Javascript的國際標(biāo)準(zhǔn)ECMAScript第五版,提出了一個(gè)新的方法Object.create()。

        用這個(gè)方法,"類"就是一個(gè)對象,不是函數(shù)。

          var Cat = {     name: "大毛",     makeSound: function(){ alert("喵喵喵"); }   };

        然后,直接用Object.create()生成實(shí)例,不需要用到new。

          var cat1 = Object.create(Cat);   alert(cat1.name); // 大毛   cat1.makeSound(); // 喵喵喵

        目前,各大瀏覽器的最新版本(包括IE9)都部署了這個(gè)方法。如果遇到老式瀏覽器,可以用下面的代碼自行部署。

          if (!Object.create) {     Object.create = function (o) {        function F() {}       F.prototype = o;       return new F();     };   }

        這種方法比"構(gòu)造函數(shù)法"簡單,但是不能實(shí)現(xiàn)私有屬性和私有方法,實(shí)例對象之間也不能共享數(shù)據(jù),對"類"的模擬不夠全面。

        三、極簡主義法

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

        3.1 封裝

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

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

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

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

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

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

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

        這種方法的好處是,容易理解,結(jié)構(gòu)清晰優(yōu)雅,符合傳統(tǒng)的"面向?qū)ο缶幊?quot;的構(gòu)造,因此可以方便地部署下面的特性。

        3.2 繼承

        讓一個(gè)類繼承另一個(gè)類,實(shí)現(xiàn)起來很方便。只要在前者的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對象上的方法和屬性,都是私有的。

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

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

          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()方法的外面即可。

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

        然后,生成兩個(gè)實(shí)例對象:

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

        這時(shí),如果有一個(gè)實(shí)例對象,修改了共享的數(shù)據(jù),另一個(gè)實(shí)例對象也會(huì)受到影響。

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

        贊(0)
        分享到: 更多 (0)
        網(wǎng)站地圖   滬ICP備18035694號-2    滬公網(wǎng)安備31011702889846號
        主站蜘蛛池模板: 国产三级精品三级在线观看专1| 人妻少妇精品久久| 国产精品一区在线观看你懂的| 久久久久久九九99精品| 精品国产一区二区三区2021| 华人在线精品免费观看| 日韩精品无码久久久久久| 精品久久久久中文字| 精品亚洲综合久久中文字幕| 欧洲成人午夜精品无码区久久| 精品一区二区三区免费观看| 四虎精品8848ys一区二区| 精品乱码久久久久久久| 亚洲一日韩欧美中文字幕欧美日韩在线精品一区二 | 日韩精品成人一区二区三区| 日产精品久久久一区二区| 亚洲日韩欧美制服精品二区| 精品欧美小视频在线观看| 国产69精品久久久久99尤物| 青青草原综合久久大伊人精品| 国产精品久久精品| 丰满人妻熟妇乱又仑精品| 久久精品国产亚洲av影院| 亚洲午夜国产精品无码老牛影视| 精品伦精品一区二区三区视频| 国产精品自在线拍国产第一页| 国产成人精品一区在线| 91亚洲国产成人久久精品网址| 国产亚洲精品va在线| 国产精品美女久久久| 精品国产欧美一区二区| 国产成人精品日本亚洲专一区 | 最新国产精品精品视频| 全国精品一区二区在线观看| 精品国产呦系列在线观看免费| 国产精品无码国模私拍视频| 国产精品一区二区三区99 | 91精品国产麻豆国产自产在线| 五月花精品视频在线观看| 精品国产麻豆免费人成网站| 青青青青久久精品国产|