構造函數（constructor）與原型鏈（prototype）關係

時間 2021-05-30

標籤 javascript java 函數 this prototype code 對象繼承原型鏈欄目微服務简体版

原文原文鏈接

在Javascript中不存在class的概念，它的class概念是經過構造函數（constructor）與原型鏈（prototype）來實現。javascript

1.構造函數（constructor）：建立對象時的初始化對象，老是與new 關鍵是一同出現。java

構造函數存在如下特色：
    一、構造函數內的this 指向當前實例對象。
    二、使用new 關鍵字實例化當前對象。
    三、構造函數首字母大寫，區分普通函數。
    四、實例對象均可以繼承構造函數中的屬性和方法。可是，同一個對象實例之間，沒法共享屬性。

2.原型（prototype）：是一個對象，實現對象的屬性繼承。javascript 中的對象經過 proto 來指向原型對象，能夠經過Object.__proto__ 來訪問函數

3.構造函數與與原型的聯繫：this

<script>
   function  Demo(){
            
     }
     var demo = new Demo()
     var  data= demo.prototype = function(){

     }
    
     console.log(demo.__proto__)
     console.log(data.constructor )
     console.log(data.prototype.__proto__)
     console.log(demo.constructor.prototype)
     console.log(demo.constructor)
    輸出：
    {constructor: ƒ}constructor: ƒ Demo()__proto__: Object
    ƒ Function() { [native code] }
    {constructor: ƒ, __defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter__: ƒ, …}
    {constructor: ƒ}
    ƒ Demo(){    }
</script>

從以上輸出結果能夠看出：prototype

構造函數的 __proto__ 指向原型對象；
     原型的constructor 指向構造函數Function;
     原型的 prototype.__proto__  等於 Object.__proto__;
     實例 的 constructor.prototype 指向原型；
     實例的constructor 指向構造函數
   
   
   
   
引用圖例：
![1460000018155881][1]