理解js對象繼承的N種模式_javascript技巧
來源:懂視網
責編:小采
時間:2020-11-27 21:49:22
理解js對象繼承的N種模式_javascript技巧
理解js對象繼承的N種模式_javascript技巧:本文分享了js對象繼承的N種模式,供大家參考。 一、原型鏈繼承 function Person(){}; Person.prototype = { constructor: Person, name: Oliver }; function People(){}; People.prototype = new Person(
導讀理解js對象繼承的N種模式_javascript技巧:本文分享了js對象繼承的N種模式,供大家參考。 一、原型鏈繼承 function Person(){}; Person.prototype = { constructor: Person, name: Oliver }; function People(){}; People.prototype = new Person(

本文分享了js對象繼承的N種模式,供大家參考。
一、原型鏈繼承
二、借用構造函數(偽造對象,經典繼承)
1、無參數
2、有參數
三、組合繼承(偽經典繼承)
1、無參數
2、有參數
三、寄生組合式繼承(引用類型最理想的范式)
或者可以把inheritPrototype 函數寫成下面這樣:
四、原型式繼承(用于共享引用類型的值,與寄生式類似)
1、傳統版(先定義object() 函數,再繼承)
ECMAScript 5 版(直接用Object.create(),再繼承)
ECMAScript 5 簡寫版(定義Object.create()的第二個參數,再繼承)
寄生式繼承(用于共享引用類型的值,與原型式類似)
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
理解js對象繼承的N種模式_javascript技巧
理解js對象繼承的N種模式_javascript技巧:本文分享了js對象繼承的N種模式,供大家參考。 一、原型鏈繼承 function Person(){}; Person.prototype = { constructor: Person, name: Oliver }; function People(){}; People.prototype = new Person(