JavaScript 繼承的幾種方式

2021-09-08 15:59:01 字數 1293 閱讀 1336

1、原型繼承:

控制台顯示的結果

這種繼承方式有個缺點就是繼承的所有的屬性都是一樣的

2、建構函式繼承

function student(name, age, ***,score) 

var stu1 = new student("小明", 10, "男", "10kg", "100");

console.log(stu1.name, stu1.age, stu1.***, stu1.score);

stu1.sayhi();//將會報錯,他不能繼承

var stu2 = new student("小紅", 20, "男", "30kg", "50");

console.log(stu1.name, stu1.age, stu1.***, stu1.score);

var stu3 = new student("小綠", 30, "男", "20kg", "70");

console.log(stu1.name, stu1.age, stu1.***, stu1.score);

上邊的確實解決了屬性的繼承的問題,但是不能繼承方法!

function student(name, age, ***,score) 

//改變原型指向

student.prototype = new person();

var stu1 = new student("小明", 10, "男", "10kg", "100");

console.log(stu1.name, stu1.age, stu1.***, stu1.score);

stu1.sayhi();

var stu2 = new student("小紅", 20, "男", "30kg", "50");

console.log(stu1.name, stu1.age, stu1.***, stu1.score);

var stu3 = new student("小綠", 30, "男", "20kg", "70");

console.log(stu1.name, stu1.age, stu1.***, stu1.score);

此時就可以繼承方法了!

javascript繼承的幾種方法

理解鏈結 1,簡單原型鏈 function super function sub sub.prototype new super 核心 var sub1 new sub var sub2 new sub sub1.val 2 sub1.arr.push 2 alert sub1.val 2 aler...

javascript實現繼承的幾種方式

前言 js作為物件導向的弱型別語言,繼承也是其非常強大的特性之一。那麼如何在js中實現繼承呢?讓我們拭目以待。既然要實現繼承,那麼首先我們得有乙個父類,如下 定義乙個動物類 function animal name 原型方法 animal.prototype.eat function food 核心...

JavaScript中幾種物件繼承的方式對比

function parent parent.prototype.say function function child console.log newchiid say error!缺點 借助原型鏈實現繼承 function parent function child child.prototyp...