JavaScript原型鏈繼承的概念以及原理分享

本篇文章和大家了解一下JavaScript原型鏈繼承的概念以及原理分享。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。

一、原型鏈

• 所謂原型鏈就是指通過原型鏈繼承，在原型之間建立起來的鏈式結構被稱為原型鏈。

• 當查找對象的某個屬性時，會先從該對象的私有屬性中查找，如果有則返回對應的值，如果有則沿著對象的_proto_到原型中查找，如果原型中也沒有，則沿著原型鏈繼續向上查找。

• 當找到Object原型時，如果也依然沒有要查找的屬性， 則返回undefined，且停止查找，之所以會查找到Object的原型，是因為所有的構造方法在底層都會自動和Object建立繼承關系，讓自己的原型直接指向Object的原型。

二、原型鏈的格式

  格式：    function 構造方法1(形參1，形參2，形參3...){
        this.屬性名1=形參1;
        this.屬性名稱2=形參2;
        ...
    }function 構造方法2(形參1,形參2, 形參3,...){
        this.屬性名1=形參1;
        this.屬性名稱2=形參2 ;
        ...}
      構造方法2.prototype= new 構造方法1();
      構造方法2.prototype.constructor=構造方法2的名稱

三、圖解原型鏈

四、原型鏈繼承注意的事項：

• 原型鏈繼承不支持多繼承，但是支持多級繼承，而借用構造方法支持多繼承。

• 多繼承：同時繼承多個構造函數對某些屬性的綁定和初始化功能的這種行為稱之為多繼承。

• 如果要使用原型鏈繼承、那么對象的創建需要在繼承之后，如果在繼承之前，那么創建的對象無法使用上級構造方法原型中的內容。

構造方法支持多繼承

原型鏈繼承不支持多繼承

圖解原型鏈繼承不支持多繼承

五、原型鏈支持多級繼承原理的圖解

六、 如果要使用原型鏈繼承、那么對象的創建需要在繼承之后，如果在繼承之前，那么創建的對象無法使用上級構造方法原型中的內容

對象的創建需要在繼承之后

對象的創建需要在繼承之后,如果在繼承之前，那么創建的對象無法使用上級構造方法原型中的內容

以上就是JavaScript原型鏈繼承的概念以及原理分享的簡略介紹，當然詳細使用上面的不同還得要大家自己使用過才領會。如果想了解更多，歡迎關注億速云行業資訊頻道哦！