function
person()
function
son(
) son.prototype =
newperson()
son.constructor = son
son.prototype.count =
50var son =
newson()
console.
log(son.name, son.age, son.num)
簡單明瞭，父級新增的屬性和方法子級都能夠訪問的到
就是多個子類共享乙個原型的屬性和方法，無法實現多個繼承
// 建構函式繼承
// 建構函式繼承
function
person()
person.prototype.count =
50function
son(
)var son =
newson()
console.
log(son.name)
// zhangsan
console.
log(son.age)
// 23
console.
log(son.count)
// undefined
子級直接繼承父級建構函式的屬性和方法
子類無法繼承父類原型鏈上的屬性和方法
// 混合繼承
function
person()
person.prototype.count =
50function
son(
) son.prototype =
newperson()
var son =
newson()
console.
log(son.name)
// zhangsan
console.
log(son.age)
// 23
console.
log(son.count)
// 50
集合了原型鏈繼承和建構函式繼承的優點集合在一起
子類會擁有兩個原型鏈屬性，不過可以忽略不計；
臨時建立乙個建構函式，利用臨時建構函式的原型，在此基礎上例項化物件；
// 原型是繼承；
function
object
(o)f
.prototype = o;
return
newf()
;}var person =
var son =
object
(person)
son.name =
'lisi'
son.friend.
push
('444'
) console.
log(son.name)
// lisi
console.
log(son.friend)
// '111', '222', '333', '444'
var son2 =
object
(person)
console.
log(son2.name)
// zhangsan
console.
log(son2.friend)
// '111', '222', '333', '444'
es5通過object.create()方法規範了原型式繼承，可以接受兩個引數，乙個是用作新物件原型的物件和乙個可選的為新物件定義額外屬性的物件，行為相同，基本用法和上面的object一樣，除了object不能接受第二個引數以外
var person =
var anotherperson = object.
create
(person)
console.
log(anotherperson.friends)
// "shelby", "court"
function
createsuper
(o)return clone
}var person =
var anotherpeson =
createsuper
(person)
anotherpeson.fn(
)// hello
使用寄生式組合模式相當於規避了混合繼承裡面重複父類例項的屬性和方法在子類例項和原型裡面重複出現；
基本思路是不必為了子類的原型而呼叫父類的建構函式，我們需要的知識父類原型的乙個副本；
核心概念就是利用寄生式繼承父類的原型，再把結果指定給子類的原型；
// 寄生式繼承的方法；
function
createsuper
(son, person)
function
person()
person.prototype.count =
50function
son(
)createsuper
(son, person)
var son =
newson()
console.
log(son.name)
// zhangsan
console.
log(son.age)
// 23
console.
log(son.num)
// 18
console.
log(son.count)
// 50
function
son2()
createsuper
(son2, person)
var son2 =
newson2()
son2.count =
80 console.
log(son.count)
// 50
console.
log(son2.count)
// 80
在createsuper函式中用到了es5的object.create()方法，將超型別的原型指定為乙個臨時的空建構函式的原型，並返回建構函式的例項。
此時由於建構函式內部為空（不像person裡面有例項屬性），所以返回的例項也不會自帶例項屬性，這很重要！因為後面用它作為son 的原型時，就不會產生無用的原型屬性了，借調建構函式也就不用進行所謂的「重寫」了。
然後為這個物件重新指定constructor為son ，並將其賦值給son 的原型。這樣，就達到了將超型別建構函式的例項作為子型別原型的目的，同時沒有一些從person繼承過來的無用原型屬性。
繼承了混合繼承的優點，避免了出現重複多個原型鏈屬性
感覺沒什麼缺點，如果非說有缺點，個人感覺就是不好理解
// es6 class類的繼承
class
personfn(
)}// let person = new person('zhangsan', 23)
// person.fn()
class
sonextends
person
fn1()}
var son =
newson
('小花',18
,50)var son2 =
newson
('小紅',20
) son.fn(
)// 小花
son.
fn1(
)// 小花 50
son2.fn(
)// 小紅
son2.
fn1(
)// 小紅 undefined
js繼承的7種方式
突然發現自己好久沒有更新部落格，今天剛好研究js的繼承，感覺挺有意思的，特拿來給大家分享一下。列印結果 這種方式的缺點是 1.使用call方法列印結果 缺點 1.不能繼承借用建構函式的原型上的屬性和方法 2.每次建構函式都要多執行乙個函式，降低開發效率。2 只能繼承父類私有的屬性或者方法 因為這樣是...
js 中的五種繼承方法
function super super.prototype.sayname function function sub sub.prototype new super var instance new sub instance.sayname 小明 當超類中包含引用型別屬性值時，其中乙個子類的多個...
js 中的五種繼承方法
function super super.prototype.sayname function function sub sub.prototype new super var instance new sub instance.sayname 小明 當超類中包含引用型別屬性值時，其中乙個子類的多個...