JavaScript中的继承采用什么方式
这篇文章主要讲解了“JavaScript中的继承采用什么方式”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“JavaScript中的继承采用什么方式”吧！
创新互联公司专注于企业网络营销推广、网站重做改版、甘南网站定制设计、自适应品牌网站建设、H5响应式网站、商城网站制作、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为甘南等各大城市提供网站开发制作服务。
采用的方式有：1、原型链继承，每一个AO对象都有一个prototype，返回对象类型原型的引用，所以可以给它赋值一个对象；2、原型冒充继承，把父类的构造函数拿过来执行一遍；3、复制继承，把父类所有的属性和方法复制过来；ES6标准类的继承。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
1、原型链继承
这个继承最为简单，它的实现原理是，每一个AO对象都有一个prototype，返回对象类型原型的引用，所以可以给它赋值一个对象，就可以实现简单的原型链继承。
function Animal(){ this.eat = function(){
alert("我会吃");
}
}function Bird(){ this.fly = function(){
alert("我会飞");
}
}
//设置Bird类的原型为一个Animal对象
Bird.prototype = new Animal();var pigeon = new Bird();
pigeon.fly();
pigeon.eat();
结果出现了，实现了鸟类继承动物会吃的特性。打印一下console.info(pigeon)我们可以看到：
当前对象的__proto__属性为一个Animal对象，而eat方法在这个Animal对象也就是它的父类里，如果一个属性或方法在当前对象里无法找到的话，就会照着原型链一步一步找上去。
这里Bird的父类是Animal，Animal的父类是Object，或者说所有没有直接指定prototype的对象，它的父类都是Object。因为toString()方法就是在Object里，所以所有对象都可以调用它。而Object的父类是null。
还有一个需要注意的问题是，原型链继承中，所有的子类的父类对象都是同一个。只要任意一个子类改变了父类对象的属性，那所有对象都会受到影响。这点可能是缺点，也可能是优点。
注：prototype和__proto__的区别可以看我另外一篇博客 http://www.cnblogs.com/shamoyuu/p/prototype.html
2、原型冒充继承
原型冒充的原理是：把父类的构造函数拿过来执行一遍。下面看代码：
function Animal(){ this.eat = function(){
alert("我会吃");
}
}function Bird(){ Animal.apply(this, arguments);this.fly = function(){
alert("我会飞");
}
}var pigeon = new Bird();
pigeon.fly();
pigeon.eat();
效果跟上面是一样一样的，但是这个时候eat方法已经不在原型链上，而是在pigeon对象上。
3、复制继承
复制继承的原理是：把父类所有的属性和方法复制过来。下面看代码。
function Animal(){ this.eat = function(){
alert("我会吃");
}
}function Bird(){ this.fly = function(){
alert("我会飞");
} //这里写一个继承的方法，用来复制所有父类的属性或方法
this.extend = function(parent){ for(var key in parent){ this[key] = parent[key];
}
}
}var pigeon = new Bird();//执行继承的方法pigeon.extend(new Animal());
pigeon.fly();
pigeon.eat();
这个也和上面一样一样的。
4、ES6标准类的继承
ES6中引入了class的概念，新的class能帮助我们写出更好更直观的面向对象的代码。
下面这是ES6中类与类的继承，实现的效果跟上面是一样的。
class Animal {
constructor(name){ this.name = name; this.type = "动物";
}
says(say){
console.info(this.type + "【" + this.name + "】" + "说 " + say);
}
}
let dog = new Animal("狗狗");
dog.says("汪汪汪");
class Bird extends Animal {
constructor(name){
super(name); this.type = "小鸟";
}
}
let pigeon = new Bird("鸽子");
pigeon.says("我是一只小鸟");
实现是非常简单直观的，而且不会再被人称为这是“模拟继承”。
扩展资料
原型链继承利弊
1、只能单继承。2、继承后会影响所有的对象。3、速度略慢。
原型冒充继承利弊
1、虽然可以多继承，但是无法在运行的时候动态继承，只能修改父类的构造函数。
复制继承（非ES6推荐）
因为上面两个所拥有的缺点它都很好地避开了，它可以实现多继承，继承只影响当前对象，而且速度快，不必修改父类的构造函数等等等等，所以最推荐的还是这种继承方式。
注：jQuery的继承也是采取复制继承实现的，不过jQuery加了很多的验证判断，但是原理是一样的。
ES6标准类的继承
如果能使用最新的ES6的特性，这种继承是最好的，通俗易懂，是标准的面向对象的语言该有的继承方式。
但是需要注意：
子类的contructor里，“this”必须放在super()调用之后
子类的contructor里必须调用super()，或者明确地返回一个对象
不能多继承
-- Java在继承的时候会自动生成一个父类对象，但是js里并不会
感谢各位的阅读，以上就是“JavaScript中的继承采用什么方式”的内容了，经过本文的学习后，相信大家对JavaScript中的继承采用什么方式这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！
网站栏目：JavaScript中的继承采用什么方式
URL地址：http://mswzjz.cn/article/poessg.html