• <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
    主站蜘蛛池模板: 久久精品国产精品亚洲人人| 久久久久久国产精品无码下载 | 日本精品少妇一区二区三区| 国内精品久久久久久99蜜桃| 青草国产精品视频。| 青青草国产精品欧美成人| 精品久久久久久无码专区| 自拍偷自拍亚洲精品情侣| 久久亚洲国产成人精品无码区| 亚洲国产精品自在在线观看| 国产精品三级在线观看无码| 亚洲色精品vr一区二区三区| 国产在线精品一区二区不卡麻豆| 88久久精品无码一区二区毛片| 国产精品免费福利久久| 亚洲AV无码成人精品区在线观看| 久久青青草原精品国产软件| 国产精品自产拍在线18禁| 日本精品卡一卡2卡3卡四卡| 91麻豆精品国产自产在线观看一区| 无码日韩人妻精品久久蜜桃 | 精品国产乱码一区二区三区| 亚洲精品tv久久久久| 欧美久久亚洲精品| 精品久久人人爽天天玩人人妻| 91精品国产自产在线老师啪| 久久这里只精品国产99热| 国产精品怡红院永久免费| 92国产精品午夜福利| 99在线精品视频观看免费| 国产AV国片精品有毛| 91视频国产精品| 国产精品99久久精品| 91探花福利精品国产自产在线| 国内揄拍高清国内精品对白| 精品国产乱码久久久久久郑州公司| 国产三级精品三级在线专区1| 国精无码欧精品亚洲一区| 国产精品无码一区二区三区电影| 精品人妻码一区二区三区| 国产精品无码日韩欧|