js之繼承
js繼承概念
js裡常用的如下兩種繼承方式:
1.通過原型鏈方式實現繼承(物件間的繼承)
2. 類式繼承(建構函式間的繼承)
原型鏈
建構函式、原型、例項的關係:
每個建構函式都有一個原型物件(prototype),原型物件都包含一個指向建構函式的指標(constructor),
而例項都包含一個指向原型物件的內部指標(__proto__)。
(每個物件都有一個內部屬性__proto__屬性,屬性的值可以是一個物件,也可以是null.如果它的值是一個物件,則這個物件也一定有自己的原型.
這樣就形成了一條線性的鏈,我們稱之為原型鏈)
原型鏈繼承
例子:
function Parent() {
this.hobby="play";
}
Parent.prototype.showHobby=function () {
return this.hobby;
}
function Son() {
this.sonhobby="eat";
}
//實現繼承 ,繼承Parent
Son.prototype=new Parent();
Son.prototype.showSonhobby=function () {
return this.sonhobby;
}
var obj=new Son();
alert(obj.showHobby())
for(var i in obj){
document.write(i+"---"+obj[i]+"<br>");
}
原型鏈繼承關係圖
相關文章
- JS專題之繼承JS繼承
- Js繼承之聖盃模式JS繼承模式
- js繼承方式JS繼承
- JS原型鏈繼承JS原型繼承
- JS 相容、繼承、bind、thisJS繼承
- JS中的繼承JS繼承
- js 繼承小結JS繼承
- js繼承圖解JS繼承圖解
- javascript之繼承JavaScript繼承
- python之繼承Python繼承
- JS 總結之原型繼承的幾種方式JS原型繼承
- 淺談JS的繼承JS繼承
- 初步瞭解 JS 繼承JS繼承
- JS中的繼承(下)JS繼承
- js繼承方式講解JS繼承
- JS進階系列 --- 繼承JS繼承
- 聊聊JS中的繼承JS繼承
- JS中的繼承(上)JS繼承
- js的13種繼承JS繼承
- 圖解js的繼承圖解JS繼承
- python 基礎之繼承、重寫、多繼承Python繼承
- odoo 繼承(owl繼承、web繼承、view繼承)Odoo繼承WebView
- 【JS面試向】深入原型鏈之class的繼承JS面試原型繼承
- JavaScript(2)之——繼承JavaScript繼承
- JavaScript之物件繼承JavaScript物件繼承
- JS中繼承方式總結JS中繼繼承
- JS中繼承的實現JS中繼繼承
- 重學 JS 系列:聊聊繼承JS繼承
- 小議JS原型鏈、繼承JS原型繼承
- ? 一文看懂 JS 繼承JS繼承
- JS的原型鏈和繼承JS原型繼承
- JS 繼承的正確操作JS繼承
- js 組合繼承詳解JS繼承
- js--如何實現繼承?JS繼承
- JS物件導向:JS繼承方法總結JS物件繼承
- JavaScript進階之繼承JavaScript繼承
- JavaScript 學習之繼承JavaScript繼承
- 物件導向之繼承物件繼承