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繼承方式JS繼承
- C++繼承一之公有繼承C++繼承
- javascript之繼承JavaScript繼承
- JAVA 之 繼承Java繼承
- oop 之繼承OOP繼承
- JS原型鏈繼承JS原型繼承
- JS 相容、繼承、bind、thisJS繼承
- js繼承圖解JS繼承圖解
- js 繼承小結JS繼承
- JS中的繼承JS繼承
- 公有繼承、私有繼承和保護繼承之間的對比繼承
- odoo 繼承(owl繼承、web繼承、view繼承)Odoo繼承WebView
- JavaScript(2)之——繼承JavaScript繼承
- python之繼承Python繼承
- JavaScript之物件繼承JavaScript物件繼承
- es6繼承 vs js原生繼承(es5)繼承JS
- 【JS面試向】深入原型鏈之class的繼承JS面試原型繼承
- JS 總結之原型繼承的幾種方式JS原型繼承
- 淺談JS的繼承JS繼承
- 聊聊JS中的繼承JS繼承
- js的13種繼承JS繼承
- JS進階系列 --- 繼承JS繼承
- 初步瞭解 JS 繼承JS繼承
- 圖解js的繼承圖解JS繼承
- js繼承方式講解JS繼承
- JS中的繼承(上)JS繼承
- js的繼承實現JS繼承
- JS中的繼承(下)JS繼承
- python 基礎之繼承、重寫、多繼承Python繼承
- JavaScript進階之繼承JavaScript繼承
- 面試必問之繼承面試繼承
- JavaScript 學習之繼承JavaScript繼承
- 物件導向之繼承物件繼承
- 原型,繼承——原型繼承原型繼承