js 原型鏈實現類的繼承
## 什麼是原型鏈?
每個物件都可以有一個原型_proto_,這個原型還可以有它自己的原型,以此類推,形成一個原型鏈。查詢特定屬性的時候,我們先去這個物件裡去找, 如果沒有的話就去它的原型物件裡面去,如果還是沒有的話再去向原型物件的原型物件裡去尋找… 這個操作被委託在整個原型鏈上, 這個就是我們說的原型鏈了。
原型指標
prototype屬性,它是函式所獨有的,它是從一個函式指向一個物件。
它的含義是函式的原型物件,也就是這個函式(其實所有函式都可以作為建構函式)所建立的例項的原型物件; 這個屬性是一個指標,指向一個物件,這個物件的用途就是包含所有例項共享的屬性和方法(我們把這個物件叫做原型物件);
–proto-- 是原型鏈查詢中實際用到的,它總是指向 prototype,
換句話說就是指向建構函式的原型物件,它是物件獨有的。
## es5通過建構函式
//通過建構函式建立父類
function father(name) {
// 物件屬性
this.name = name;
}
//父類的原型方法
father.prototype.getName=function(name){
return '我的名字叫:' + this.name;
}
//子類
function Child(name){
father.call(this,name)
}
Child.prototype=new father();
var z = new Child("學上星辰3");
console.log(z.getName(name));
es6 通過class方法
//通過class方法建立父類
class point2{
constructor(name,age){
this.name=name ;
this.age=age;
}
}
//建立子類並繼承父類
class sexpoint2 extends point2{
constructor(name,age,sex){
// 在子型別建構函式中通過super呼叫父型別的建構函式
super(name,age);
this.sex=sex
}
//建構函式上的原型方法
toSex(){
return "名字:"+this.name+" 年齡:"+this.age+" 性別:"+this.sex
}
}
let sext=new sexpoint2("學上星辰4",18,"男")
console.log(sext.toSex());
console.log(sext.name);
console.log(sext.age);
console.log(sext.sex)
相關文章
- JS原型鏈繼承JS原型繼承
- JS的物件導向(理解物件,原型,原型鏈,繼承,類)JS物件原型繼承
- JS的原型鏈和繼承JS原型繼承
- JS中的繼承與原型鏈JS繼承原型
- 小議JS原型鏈、繼承JS原型繼承
- 物件、原型鏈、類、繼承【上】物件原型繼承
- 淺談JS物件的建立、原型、原型鏈繼承JS物件原型繼承
- 原型鏈實現繼承的6種方式原型繼承
- JS原型鏈、prototype、__proto__、原型鏈繼承詳解JS原型繼承
- 從babel實現es6類的繼承來深入理解js的原型及繼承Babel繼承JS原型
- js 使用建構函式和原型鏈實現繼承操作JS函式原型繼承
- 原型、原型鏈與繼承原型繼承
- js 原型鏈繼承__proto__、prototype簡析JS原型繼承
- 原型繼承:子類原型繼承
- 【機制】JavaScript的原型、原型鏈、繼承JavaScript原型繼承
- 原型,繼承——原型繼承原型繼承
- javascript原型鏈繼承的使用JavaScript原型繼承
- 【JS面試向】深入原型鏈之class的繼承JS面試原型繼承
- javascript - 繼承與原型鏈JavaScript繼承原型
- javascript原型鏈及繼承JavaScript原型繼承
- 徹底搞懂原型、原型鏈和繼承原型繼承
- 原型、原型鏈、new做了什麼、繼承原型繼承
- 建構函式、原型、原型鏈、繼承函式原型繼承
- JS中繼承的實現JS中繼繼承
- 圖解JavaScript原型鏈繼承圖解JavaScript原型繼承
- 面試題之原型、原型鏈、和繼承面試題原型繼承
- javascript基礎-原型鏈與繼承JavaScript原型繼承
- 深入理解原型鏈和繼承原型繼承
- 白話JavaScript原型鏈和繼承JavaScript原型繼承
- 徹底弄懂JS原型與繼承JS原型繼承
- [JavaScript]原型、原型鏈、建構函式與繼承JavaScript原型函式繼承
- js--如何實現繼承?JS繼承
- js實現繼承的三種方式JS繼承
- JS 繼承的 六 種實現方式JS繼承
- 深入理解JavaScript原型鏈與繼承JavaScript原型繼承
- MDN繼承和原型鏈章筆記繼承原型筆記
- Javascript 中實現物件原型繼承的三種方式JavaScript物件原型繼承
- Javascript繼承4:潔淨的繼承者—-原型式繼承JavaScript繼承原型