在Javascript中不存在class的概念,它的class概念是通過構造函數(constructor)與原型鏈(prototype)來實現。
1.構造函數(constructor):創建對象時的初始化對象,總是與new 關鍵是一同出現。
構造函數存在以下特點:
1、構造函數內的this 指向當前實例對象。
2、使用new 關鍵字實例化當前對象。
3、構造函數首字母大寫,區分普通函數。
4、實例對象都可以繼承構造函數中的屬性和方法。但是,同一個對象實例之間,無法共享屬性。
2.原型(prototype):是一個對象,實現對象的屬性繼承。javascript 中的對象通過 proto 來指向原型對象,可以通過Object.__proto__ 來訪問
3.構造函數與與原型的聯繫:
<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>
從以上輸出結果可以看出:
構造函數的 __proto__ 指向原型對象;
原型的constructor 指向構造函數Function;
原型的 prototype.__proto__ 等於 Object.__proto__;
實例 的 constructor.prototype 指向原型;
實例的constructor 指向構造函數
引用圖例:
![1460000018155881][1]