子对象的属性和方法,继承可以提高代码的复用性
就是子对象自动拥有父对象的属性和方法,继承可以提高代码的复用性。 JS里的继承主要依靠是的原型链。让原型对象(每一个构造函数都有一个原型对象)的值js 原型链,等于另一个类型的实例,即实现了继承;另外一个类型的原型再指向第三个类型的实例,以此类推,也就形成了一个原型链
function Animal(newName,newAge){
this.name = newName;
this.age = newAge;
}
Animal.prototype.eat = function(str){
console.log(this.name + "吃" + str);
}
function Person(newId){
this.id = newId;
}
Person.prototype = new Animal("老王",18);
let p1 = new Person("007");
console.log(p1.name,p1.age,p1.id);
p1.name = "小明";
p1.eat("米饭");
let p2 = new Person("008");
console.log(p2.name,p2.age,p2.id);
p1.name = "大明";
p1.eat("水果");
console.log(p1 instanceof Person);
console.log(p2 instanceof Person);
原型链继承
让子对象的原型指向父对象的实例,父对象的原型指向爷爷对象的实例js 原型链,依次类推,就形成了原型链
function Animal(newAge){
this.age = newAge;
}
Animal.prototype.eat = function(){
console.log("Animal.eat");
}
function Person(newId){
this.id = newId;
}
Person.prototype = new Animal(18);
Person.prototype.study = function(){
console.log("Person.study");
}
function Pupli(newTall){
this.tall = newTall;
}
Pupli.prototype = new Person("007");
Pupli.prototype.play = function(){
console.log("Pupli.play");
}
let pu = new Pupli(140);
console.log(pu.age,pu.id,pu.tall);
pu.eat();
pu.study();
pu.play();
注意事项: 1. 先定义原型继承关系,再添加子类的自定义方法或属性(原型的属性,即共享的属性和方法要在原型继承关系确立后,再定义)。 2. 利用原型链继承,给子类添加原型方法时,不可以重写prototype
function Animal(newAge){
this.age = newAge;
}
function Person(newId){
this.id = newId;
}
Person.prototype.eat = function(){
console.log("Person eat");
}
Person.prototype = new Animal(15);
let p = new Person("007");
console.log(p.id);
p.eat();
缺点: 1. 被继承的类型(父类)里包括引用类型的属性的时候,它会被所有实例共享其值 2. 创建子类型的实例时,没法传参给被继承类型。
文章由官网发布,如若转载,请注明出处:https://www.veimoz.com/1817
0 评论
603
发表评论
热门文章
自媒体博客Spimes主题35w 阅读
Spimes主题专为博客、自媒体、资讯类的网站设计....
vCard主题个人简历主题13w 阅读
一款个人简历主题,可以简单搭建一下,具体也比较简单....
Splity博客双栏主题12w 阅读
仿制主题,Typecho博客主题,昼夜双版设计,可....
Spzac个人资讯下载类主题11w 阅读
用于作品展示、资源下载,行业垂直性网站、个人博客,....
热评文章
自媒体博客Spimes主题418 评论
Splity博客双栏主题187 评论
Spzac个人资讯下载类主题89 评论
Splinx博客图片主题35 评论
Spzhi知识付费社区主题34 评论
三栏清新博客S_blog主题30 评论
vCard主题个人简历主题29 评论
Pure轻简主题28 评论
Z.
4天前
博主你好,Deng插件,这个点击不进去,提示这个(Warning: require_once(/www/wwwroot/w.zzy2020.com/usr/plugins/Deng/Deng/html/profile.php): failed to open stream: No such file or directory in /www/wwwroot/w.zzy2020.com/Fresh/extending.php on line 26
Fatal error: require_once(): Failed opening required '/www/wwwroot/w.zzy2020.com/usr/plugins/Deng/Deng/html/profile.php' (include_path='.:/www/server/php/72/lib/php') in /www/wwwroot/w.zzy2020.com/Fresh/extending.php on line 26)