js復雜數據類型,JS基礎--子類型重寫超類型方法原型鏈圖解

 2023-10-17 阅读 23 评论 0

摘要:首先我們創建一個父類: // 創建一個父類構造函數 function Parent () {this.parentProperty = '父類屬性'; } // 為父類添加一個原型方法 Parent.prototype.getParentProperty = function () {return this.parentProperty; } 此時的原型鏈是這樣的

首先我們創建一個父類:

// 創建一個父類構造函數
function Parent () {this.parentProperty = '父類屬性';
}
// 為父類添加一個原型方法
Parent.prototype.getParentProperty = function () {return this.parentProperty;
}

此時的原型鏈是這樣的:
原型鏈1

js復雜數據類型。接下來創建一個子類,使子類繼承父類(即子類的原型為父類的實例):

// 創建一個子類構造函數
function Children () {this.childrenProperty = '子類屬性';
}
// 繼承Parent
Children.prototype = new Parent();

此時的原型鏈是這樣的:
原型鏈2

重寫超類型中的方法:

// 重寫超類中的方法
Children.prototype.getParentProperty = function () {return '這是重寫的父類方法';
}
// 創建自己的方法
Children.prototype.getChildrenProperty = function () {return '這是自己的方法';
}

原型鏈實現繼承。原型鏈:
原型鏈3

創建實例

var instance = new Children();
instance.getParentProperty(); // 返回:"這是重寫的父類方法"

原型鏈:
原型鏈4

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/4/142684.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息