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

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

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

構(gòu)造函數(shù) + 原型 直接組裝一個(gè)類;同一構(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ù)來生成類實(shí)例的屬性(字段)，原型對(duì)象用來生成類實(shí)例的方法。

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

這時(shí)候已經(jīng)得到了兩個(gè)類Man，Woman。并且是同一個(gè)類型的。測(cè)試如下：

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

創(chuàng)建對(duì)象看看

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，一切如我們所期望。但是有個(gè)問題，下面代碼的結(jié)果輸出false

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

這讓人不悅：從以上的代碼看出man的確是通過Man類new出來的 var man = new Man("Andy")，那么對(duì)象實(shí)例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)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對(duì)創(chuàng)新互聯(lián)的支持。

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

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

廣告

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