欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

怎么淺析JavaScript的寫類方式

怎么淺析JavaScript的寫類方式,很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。

創(chuàng)新互聯(lián)公司是一家以網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計、品牌設(shè)計、軟件運維、成都網(wǎng)站推廣、小程序App開發(fā)等移動開發(fā)為一體互聯(lián)網(wǎng)公司。已累計為被動防護網(wǎng)等眾行業(yè)中小客戶提供優(yōu)質(zhì)的互聯(lián)網(wǎng)建站和軟件開發(fā)服務(wù)。

這篇開始會記錄一些寫類的工具函數(shù)。以下列舉的有的是工作中碰到的,有的是從書籍或網(wǎng)上收集的。

構(gòu)造函數(shù) + 原型 直接組裝一個類;同一構(gòu)造函數(shù)將組裝出同一類型

/**   * $class 寫類工具函數(shù)之一   * @param {Function} constructor   * @param {Object} prototype   */ function $class(constructor,prototype) {      var c = constructor || function(){};      var p = prototype || {};      c.prototype = p;      return c;  }

用構(gòu)造函數(shù)來生成類實例的屬性(字段),原型對象用來生成類實例的方法。

//構(gòu)造函數(shù)  function Person(name) {      this.name = name;  }  //原型對象  var proto = {      getName : function(){return this.name},      setName : function(name){this.name = name;}   }  //組裝  var Man = $class(Person,proto);  var Woman = $class(Person,proto);

這時候已經(jīng)得到了兩個類Man,Woman。并且是同一個類型的。測試如下:

console.log(Man == Woman); //true  console.log(Man.prototype == Woman.prototype); //true

創(chuàng)建對象看看

var man = new Man("Andy");  var woman = new Woman("Lily");   console.log(man instanceof Man); //true  console.log(woman instanceof Woman); //true  console.log(man instanceof Person); //true  console.log(woman instanceof Person); //true

ok,一切如我們所期望。但是有個問題,下面代碼的結(jié)果輸出false

console.log(man.constructor == Person);//false<br>

這讓人不悅:從以上的代碼看出man的確是通過Man類new出來的 var man = new Man("Andy"),那么對象實例man的構(gòu)造器應(yīng)該指向Man,但為何事與愿違呢?

原因就在于$class中重寫了Person的原型:c.prototype = p;

好了,我們把$class稍微改寫下,將方法都掛在構(gòu)造器的原型上(而不是重寫構(gòu)造器的原型),如下:

function $class(constructor,prototype) {      var c = constructor || function(){};      var p = prototype || {};  //  c.prototype = p;      for(var atr in p){          c.prototype[atr] = p[atr];      }         return c;  }

看完上述內(nèi)容是否對您有幫助呢?如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)的支持。

分享名稱:怎么淺析JavaScript的寫類方式
網(wǎng)頁鏈接:http://www.chinadenli.net/article24/gjcgce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站定制開發(fā)搜索引擎優(yōu)化App設(shè)計網(wǎng)站營銷面包屑導航

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化