js 繼承介紹

2022-06-06 06:09:10 字數 994 閱讀 9075

js中繼承的方式並不是明確的,這裡介紹常用的幾種

一、物件冒充(建構函式繫結)

function monkey()

function magicmonkey()

二、原型鏈

原理:使用prototype屬性,prototype物件是個模版,要例項化的物件都以這個模版為基礎,總而言之,prototype物件的任何屬性和方法都被傳遞給那個類的所有例項,原型鏈利用這種功能來實現繼承機制。

function monkey() 

money.prototype.type = "猴子"

; money.prototype.run = function ()

function magicmonkey()

magicmonkey.prototype = new

monkey();

var wukong = new

magicmonkey();

alert(wukong.type);

//列印出「猴子」

wukong.run();//

列印出"我是乙個猴子"

注意:給子類加屬性或方法時必須在 magicmonkey.prototype = newmonkey();

之後,要不會被覆蓋,只能繼承乙個父類

三、混合模式

function monkey(type) 

money.prototype.run = function ()

function magicmonkey(type)

magicmonkey.prototype = new

monkey();

var wukong = new

magicmonkey();

alert(wukong.type);

//列印出「猴子」

wukong.run();//

列印出"我是乙個猴子"

JS 繼承的介紹與實現

js 是一種物件導向的 弱型別的 解釋性的語言 弱型別 宣告變數的時候不需要註明資料型別 int a 1 float 強型別 var a 1.2 解釋性 解釋一句執行一句 編譯性 一次性全部翻譯完 然後再執行 物件導向 封裝 繼承 多型 js語言沒有多型 封裝 將乙個功能都放在乙個物件裡面 只需要向...

JS的原型介紹及原型的繼承

1.proto 眾所周知,js中萬物皆物件,所以每乙個資料都會有乙個 proto 屬性,這個屬性叫隱式原型。乙個物件 obj 的隱式原型 proto 指向構造該物件的建構函式 object 的原型屬性 object.prototype 這樣做的原因是為了保證例項 obj 能夠訪問到在建構函式的原型屬...

js繼承(一)原型繼承

正式開工了 繼承在js中有著很大的地位,同時理解起來也比較抽象,我將分幾篇部落格來記錄js的繼承。原型繼承 相當於將父類物件與子類物件打通橋梁,可以靈活實現追加屬性與行為 子類擁有父類的一切行為和屬性。特點 非常純粹的繼承關係,例項是子類的例項,也是父類的例項 父類新增原型方法 原型屬性,子類都能訪...