欧美亚洲中文,在线国自产视频,欧洲一区在线观看视频,亚洲综合中文字幕在线观看

      1. <dfn id="rfwes"></dfn>
          <object id="rfwes"></object>
        1. 站長資訊網(wǎng)
          最全最豐富的資訊網(wǎng)站

          javascript有定義類的方法嗎

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

          javascript有定義類的方法嗎

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

          javascript有定義類的方法嗎

          javascript有定義類的方法

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

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

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

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

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

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

          生成實(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第五版,提出了一個新的方法Object.create()。

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

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

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

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

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

            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òu)造函數(shù)createNew(),用來生成實(shí)例。

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

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

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

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

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

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

          3.2 繼承

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

          先定義一個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í)例,就會同時繼承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í)例對象,能夠讀寫同一項(xiàng)內(nèi)部數(shù)據(jù)。這個時候,只要把這個內(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;     }   };

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

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

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

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

          贊(0)
          分享到: 更多 (0)
          網(wǎng)站地圖   滬ICP備18035694號-2    滬公網(wǎng)安備31011702889846號