JavaScript中的原型鏈是一種實現對象間繼承的機制。在JavaScript中,每個對象都有一個特殊的屬性[[Prototype]]
,它是一個內部鏈接,指向另一個對象。這個被指向的對象就是原型對象。當試圖訪問一個對象的屬性時,JavaScript會首先在該對象本身查找這個屬性;如果沒有找到,它會沿著原型鏈向上查找,直到找到該屬性或者到達原型鏈的頂端(null
)。
通過原型鏈實現繼承的基本思路是:子類對象共享父類原型上的屬性和方法,從而實現代碼復用。子類對象通過[[Prototype]]
屬性指向父類的一個實例對象,這樣它就可以訪問到父類原型上的屬性和方法。
這里有一個簡單的例子來解釋原型鏈和繼承:
// 父類構造函數
function Parent() {
this.parentProperty = "parent property value";
}
// 父類原型方法
Parent.prototype.parentMethod = function() {
console.log("This is a parent method.");
};
// 子類構造函數
function Child() {
this.childProperty = "child property value";
}
// 設置子類原型對象為父類的一個實例對象,實現繼承
Child.prototype = new Parent();
// 修復子類構造函數的指向問題
Child.prototype.constructor = Child;
// 子類原型方法
Child.prototype.childMethod = function() {
console.log("This is a child method.");
};
// 測試
var childInstance = new Child();
console.log(childInstance.parentProperty); // 輸出 "parent property value"
childInstance.parentMethod(); // 輸出 "This is a parent method."
childInstance.childMethod(); // 輸出 "This is a child method."
在這個例子中,Child
類通過將Child.prototype
設置為Parent
的一個實例對象來實現對Parent
類的繼承。這樣,所有Child
類的實例都可以訪問到Parent
類的屬性和方法。同時,我們還需要修復Child.prototype.constructor
指向問題,以確保正確地創建Child
類的實例。