• <fieldset id="8imwq"><menu id="8imwq"></menu></fieldset>
  • <bdo id="8imwq"><input id="8imwq"></input></bdo>
    最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
    問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
    當前位置: 首頁 - 科技 - 知識百科 - 正文

    淺談nodejs中的類定義和繼承的套路

    來源:懂視網 責編:小采 時間:2020-11-27 22:33:59
    文檔

    淺談nodejs中的類定義和繼承的套路

    淺談nodejs中的類定義和繼承的套路:javascript是一門極其靈活的語言。 靈活到你無法忍受! 我個人喜歡強類型的語言,例如c/c++,c#等。 但是js代表著未來,所以需要學習。 js中類定義以及繼承有n多種方式,現在來學習一下nodejs類定義以及繼承的固定套路。 套路1. 在構造函數(const
    推薦度:
    導讀淺談nodejs中的類定義和繼承的套路:javascript是一門極其靈活的語言。 靈活到你無法忍受! 我個人喜歡強類型的語言,例如c/c++,c#等。 但是js代表著未來,所以需要學習。 js中類定義以及繼承有n多種方式,現在來學習一下nodejs類定義以及繼承的固定套路。 套路1. 在構造函數(const

    javascript是一門極其靈活的語言。

    靈活到你無法忍受!

    我個人喜歡強類型的語言,例如c/c++,c#等。

    但是js代表著未來,所以需要學習。

    js中類定義以及繼承有n多種方式,現在來學習一下nodejs類定義以及繼承的固定套路。

    套路1. 在構造函數(constructor)中總是使用instanceof操作符:

    function Base() {
     if (!(this instanceof Base)) {
     return new Base();
     }
    }

    上述代碼的含義就是: 如果Base這個函數調用時沒有使用new操作符,則會自動調用new操作符,返回Base的實例

    套路2. 所有成員變量定義在構造函數(constructor)中

    function Base() {
     if (!(this instanceof Base)) {
     return new Base();
     }
    
     //開始成員變量定義
     this.className = "Base";
    }
    
    

    套路3. 所有的成員方法以函數表達式方式定義在原型(prototype)中【為什么要這樣,其原因在套路4中的inherits源碼注釋中】

    Base.prototype.printClassName = function(){
     console.log(this.className);
    }

    調用如下:

    var base = Base(); //不使用new操作符,直接進行函數調用,自動調用new操作符
    console.log(base.className);
    base.printClassName();
    

    套路4. 使用util.inherits(子類,父類)進行原型(prototype)繼承

    先來看一下inherits的源碼:

    var inherits = function(ctor, superCtor) {
     //嚴格相等測試:undefined/null
     //子類構造函數必須存在
     if (ctor === undefined || ctor === null)
     throw new TypeError('The constructor to "inherits" must not be ' +
     'null or undefined');
     //嚴格相等測試:undefined/null
     //父類構造函數必須存在
     if (superCtor === undefined || superCtor === null)
     throw new TypeError('The super constructor to "inherits" must not ' +
     'be null or undefined');
    
     //要點: 如果要繼承的話,父類必須要有prototype對象
     //這也是為什么將所有成員方法都定義在prototype對象中!!!
     if (superCtor.prototype === undefined)
     throw new TypeError('The super constructor to "inherits" must ' +
     'have a prototype');
    
     //讓子類構造函數對象增加一個super_指針,指向父類,這樣就形成繼承鏈
     ctor.super_ = superCtor;
    
     //調用Object.setPrototypeOf(子類的prototype,父類的prototype)
     Object.setPrototypeOf(ctor.prototype, superCtor.prototype);
    };
    

    Object.setPrototypeOf : 該鏈接可以了解一下setPrototypeOf方法,非常簡單,其Polyfill如下:

    // 僅適用于Chrome和FireFox,在IE中不工作:
    Object.setPrototypeOf = Object.setPrototypeOf || function (obj, proto) {
     obj.__proto__ = proto;
     return obj; 
    }
    

    我們來測試一下繼承。

    先定義子類

    function Child() {
     //老樣子,套路1
     if (!(this instanceof Child)) {
     return new Child();
     }
    }
    

    然后根據套路4, 調用inherits函數進行原型繼承

    //注意,inherits調用不在構造函數,也不在原型對象,而是全局調用
    inherits(Child, Base);

    最后我們調用一下child的printClassName方法,該方法在基類原型對象中實現。

    子類調用基類函數-undefined.png

    出現錯誤,child.printClassName()后輸出undefined!

    為什么呢?

    套路5. 子類的構造函數中使用 父類.call(this),實現父類構造函數中的成員變量繼承

    function Child() {
     //老樣子,套路1
     if (!(this instanceof Child)) {
     return new Child();
     }
    
     //增加這句話,在調用printClassName就能正常的
    輸出Base字符串 Base.call(this); //如果要更新基類的成員變量,請在Base.call(this)之后! this._className = "Child"; //調用printClassName就能正常的輸出Child字符串 }

    Function.prototype.call()

    由此可見,nodejs中的繼承需要:

    在構造函數中調用 父類.call(this),實現父類成員變量的繼承

    全局調用inherits(子類,父類) 進行父類成員函數的繼承

    聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    淺談nodejs中的類定義和繼承的套路

    淺談nodejs中的類定義和繼承的套路:javascript是一門極其靈活的語言。 靈活到你無法忍受! 我個人喜歡強類型的語言,例如c/c++,c#等。 但是js代表著未來,所以需要學習。 js中類定義以及繼承有n多種方式,現在來學習一下nodejs類定義以及繼承的固定套路。 套路1. 在構造函數(const
    推薦度:
    • 熱門焦點

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top
    主站蜘蛛池模板: 日本aⅴ精品中文字幕| 久久精品亚洲一区二区三区浴池 | 亚洲性日韩精品国产一区二区 | 亚洲高清国产AV拍精品青青草原 | 国产精品成人69XXX免费视频| 韩国精品欧美一区二区三区| 亚洲精品偷拍视频免费观看| 国产精品国产三级国产a| 国产成人精品2021| 人妻少妇精品视频二区| 四虎成人精品国产永久免费无码| 亚洲第一永久AV网站久久精品男人的天堂AV| 亚洲精品无码专区久久久| 国产精品 猎奇 另类视频| 99久久这里只有精品| 精品亚洲麻豆1区2区3区| 亚洲日韩精品无码专区网站| 国内精品久久久久久久久| 国产精品999| 国产91大片精品一区在线观看 | 国产精品美女一区二区视频| 亚洲国产精品第一区二区三区| 97久久精品人妻人人搡人人玩| 午夜精品久视频在线观看| 国产精品女同一区二区| 亚洲AV无码精品色午夜果冻不卡 | 中文字幕日韩精品在线| 精品久久久久一区二区三区 | 国产成人精品日本亚洲11 | 国产偷亚洲偷欧美偷精品| 国产精品免费AV片在线观看| 久久久精品人妻一区二区三区四| 911亚洲精品国内自产| 国产精品亚洲欧美一区麻豆| 国产91精品在线观看| 国产成人精品视频播放| 国内精品久久九九国产精品| 99热成人精品热久久669| 久久精品国内一区二区三区| 日韩精品免费视频| 国产日韩一区在线精品欧美玲|