ES5如何實現繼承

原型鏈繼承的原理很簡單，直接讓子類的原型物件指向父類例項，當子類例項找不到對應的屬性和方法時，就會往它的原型物件，也就是父類例項上找，從而實現對父類的屬性和方法的繼承

function

prant() 
prant.prototype.getname = function
() function child() {} //
子類//
讓子類的原型物件指向父類例項, 這樣一來在child例項中找不到的屬性和方法就會到原型物件(父類例項)上尋找
child.prototype = new
prant();
//根據原型鏈的規則,順便繫結一下constructor, 這一步不影響繼承, 只是在用到constructor時會需要
child.prototype.constructor =child;
const alias = new
child();
alias.name 
//hello
alias.getname(); //
hello

function

parent(name) 
parent.prototype.getname = function
() function child() 
const child1 = new
child();
const child2 = new
child();
child1.name[0] = '建構函式繼承';
console.log(child1.name) 
//建構函式繼承
console.log(child2.name) //
hello
child2.getname(); //
找不到,報錯

function

parent(name) 
parent.prototype.getname = function
() function
child() 
//原型鏈繼承
child.prototype = new
parent()
child.prototype.constructor =child
//測試
const child1 = new
child()
const child2 = new
child()
child1.name[0] = 'hello'console.log(child1.name) 
//['hello']
console.log(child2.name) //
['zhangsan']
child2.getname() //
['zhangsan']

function

parent(name) 
parent.prototype.getname = function
() function
child() 
//原型鏈繼承
= new parent()
child.prototype = object.create(parent.prototype) //
將`指向父類例項`改為`指向父類原型`
child.prototype.constructor =child
//測試
const child = new
child()
const parent = new
parent()
child.getname() 
//['zhangsan']
parent.getname() //
報錯, 找不到getname()

說到js繼承，最開始想到的應該是是原型鏈繼承，通過把子類例項的原型指向父類例項來繼承父類的屬性和方法，但原型鏈繼承的缺陷在於對子類例項繼承的引用型別的修改會影響到所有的例項物件以及無法向父類的構造方法傳參。

建構函式繼承, 通過在子類建構函式中呼叫父類建構函式並傳入子類this來獲取父類的屬性和方法，但建構函式繼承也存在缺陷，建構函式繼承不能繼承到父類原型鏈上的屬性和方法。

後面有了組合式繼承，但也有了新的問題，每次都會執行兩次父類的構造方法，最終有了寄生式組合式繼承。

es5實現繼承

繼承es5 這是乙個動物類 param age 年齡 param 性別 param name 名字 introduction 方法 function animal age,name 這是乙個貓類 param ingredients 食物 param age 年齡 當然你也可以在 這個類裡去呼叫ani...

ES5實現繼承

es5實現繼承 在面試過程中，常常會遇到一些es5,es6的問題，如果不能及時的想起來該如何讓面對，結果就可能是同學，你的面試就可能有點懸了，那麼，趕緊來一波乾貨吧 1，原型鏈繼承 原型鏈繼承的基本思想是利用原型讓乙個引用型別繼承另乙個引用型別的屬性和方法。function supertype su...

ES5實現繼承

繼承的含義 父類公有屬性和方法為子類公有屬性和方法 父類私有屬性和方法為子類私有屬性和方法 結合二者 function father name father.prototype.printname function 建構函式繼承 function son name,age 原型鏈繼承 son.pro...