JavaScript采用什么方式继承-tutorial js-php.cn

采用的方式有：1、原型链继承，每一个AO对象都有一个prototype，返回对象类型原型的引用，所以可以给它赋值一个对象；2、原型冒充继承，把父类的构造函数拿过来执行一遍；3、复制继承，把父类所有的属性和方法复制过来；ES6标准类的继承。

JavaScript采用什么方式继承

本教程操作环境：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();

Salin selepas log masuk

结果出现了，实现了鸟类继承动物会吃的特性。打印一下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();

Salin selepas log masuk

效果跟上面是一样一样的，但是这个时候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();

Salin selepas log masuk

这个也和上面一样一样的。

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("我是一只小鸟");

Salin selepas log masuk