前端的幾種繼承

2022-10-08 16:57:18 字數 1196 閱讀 7604

function sort (arr)}}

return arr

}氣泡排序

物件導向 封裝 繼承 多型

封裝繼承

1原型鏈繼承

function fz()

}fz.prototype.age ='26'

function son ()

son.prototype = new fz();

var sonli = new son();

fz sonli.age//"26"

fz.prototype.age ='260'//"260"

sonli.age//"260"

var son2 =new fz()

son2.age//"260"

sonli.name//"li"

sonli.son()

2. 建構函式繼承

function fz(name)

}fz.prototype.age ='26'

//可傳參

function sonz()

var sonz=new sonz()

sonz.name //zhang

sonz.age //undefind

sonz.son()//"zhangze"

//可傳參

3 組合繼承

function fz(name)

}fz.prototype.age ='26'

function sonz(name)

sonz.prototype = new fz();

var sub = new sonz('zhang')

4 寄生組合繼承

function fz(name)

}fz.prototype.age ='26'

function jsjc (obj);

f.prototype = obj;

return new f();

}var jszh=jsjc(fz.prototype); //繼承父級元素的原型 (屬性方法去使用建構函式繼承)

function son (name)

son.prototype=jszh;

jszh.constructor = son;//

var son1 =new son('lk');

son1.name;

son1.age;

前端繼承的幾種方法

function person function child 關鍵 child.prototype newperson child.prototype.constructor child var child newchild child.hobby push 跑步 var child2 newchi...

幾種常見的繼承

常見的繼承有擴充套件原型物件實現繼承 替換原型物件實現繼承 混入繼承 混入 原型繼承 經典繼承 借用建構函式實現繼承這六種。每個人的叫法可能不同,但是原理都一樣。實現原理 函式有乙個prototype的屬性 原型物件 通過給這個原型物件新增乙個屬性 方法,從而可以讓建構函式的例項可以訪問到 func...

繼承的幾種方式

繼承的幾種方式封裝 定義乙個動物類 function animal name 原型方法 animal.prototype.eat function food 原型鏈繼承 核心 將父類的例項作為子類的原型 function cat cat.prototype new animal cat.protot...