Js对象继承
JavaScript对象继承的方法有很多，这里总结一下几种比较常用的方法。
现在有一个"动物"对象的构造函数。
function Animal(){
this.species = "动物";
}
Animal.prototype.voice = function(){
console.log('voice');
}还有一个"猫"对象的构造函数。
function Cat(name, color){
this.name = name;
this.color = color;
}怎样才能使"猫"继承"动物"呢？
一、原型链和构造函数继承
使用call/apply和Object.create()
第一种方法使用call或apply方法，改变了 this 的指向而实现继承，将父对象的构造函数绑定在子对象上，即在子对象构造函数中加一行：
function Cat(name, color){
Animal.apply(this, arguments);
this.name = name;
this.color = color;
}
var cat1 = new Cat("大毛","黄色");
alert(cat1.species); // 动物到目前为止一切看起来都还行，但是我们很快会发现我们遇到问题了，当我们调用cat1.voice()的时候报错了，显然Cat并没有继承Animal的原型对象里的方法。
我们已经定义了一个新的构造器，这个构造器默认有一个空的原型属性。我们并没有让Cat从Animal的原型对象里继承方法。
Cat.prototype = Object.create(Animal.prototype);这里我们的老朋友create()又来帮忙了——在这个例子里我们用这个函数来创建一个和Animal.prototype一样的新的原型属性值（这个属性指向一个包括属性和方法的对象），然后将其作为Cat.prototype的属性值。这意味着Cat.prototype现在会继承Animal.prototype的所有属性和方法。
接下来，在我们动工之前，还需要完成一件事 — 现在Cat()的prototype的constructor属性指向的是Aniaml()，这是由我们生成Animal()的方式决定的。(这篇 Stack Overflow post 文章会告诉您详细的原理)
Cat.prototype.constructor = Cat;此时再输入Cat.prototype.constructor就会得到Cat()。
顺带一提，这是很重要的一点，编程时务必要遵守。下文都遵循这一点，即如果替换了prototype对象，那么，下一步必然是为新的prototype对象加上constructor属性，并将这个属性指回原来的构造函数。
o.prototype = {};
o.prototype.constructor = o;对上面构造函数继承代码做一个封装：
function extend(C, P) {
function C(){
P.apply(this, arguments);
}
C.prototype = Object.create(P.prototype);
C.prototype.constructor = C;
}不使用call或apply方法
第二种方法更常见，但是不使用apply和call，而是使用prototype属性。
如果"猫"的prototype对象，指向一个Animal的实例，那么所有"猫"的实例，就能继承Animal了。
var Cat = function(){};
Cat.prototype = new Animal();
Cat.prototype.constructor = Cat;
var cat1 = new Cat("大毛","黄色");
console.log(cat1.species); // => 动物代码的第一行，我们将Cat的prototype对象指向一个Animal的实例。
它相当于完全删除了prototype 对象原先的值，然后赋予一个新值。但是此时Cat.prototype.constructor依然指向Animal的构造函数，所以需要将其指回Cat。
对prototype继承代码做一个封装：
function extend(C, P) {
var C = function(){};
C.prototype = new P();
C.prototype.constructor = C;
}原型式继承(prototypal inheritance）（推荐）
利用一个空对象作为中介。
var F = function(){};
F.prototype = Animal.prototype;
Cat.prototype = new F();
Cat.prototype.constructor = Cat;F是空对象，所以几乎不占内存。这时，修改Cat的prototype对象，就不会影响到Animal的prototype对象。
alert(Animal.prototype.constructor); // Animal我们将上面的方法，封装成一个函数，便于使用。
function extend(C, P) {
var F = function(){};
F.prototype = Parent.prototype;
C.prototype = new F();
C.prototype.constructor = Child;
C.super = P.prototype;
}使用的时候，方法如下
extend(Cat,Animal);
var cat1 = new Cat("大毛","黄色");
alert(cat1.species); // 动物这个extend函数，就是YUI库如何实现继承的方法。
另外，说明一点，函数体最后一行
Child.super = Parent.prototype;意思是为子对象设一个super属性，这个属性直接指向父对象的prototype属性。这等于在子对象上打开一条通道，可以直接调用父对象的方法。这一行放在这里，只是为了实现继承的完备性，纯属备用性质。
"非构造函数"的继承
什么是"非构造函数"的继承？
比如，现在有一个对象，叫做"中国人"。
var Chinese = {
nation:’中国'
};还有一个对象，叫做"医生"。
var Doctor ={
career:’医生’
}请问怎样才能让"医生"去继承"中国人"，也就是说，我怎样才能生成一个"中国医生"的对象？
这里要注意，这两个对象都是普通对象，不是构造函数，无法使用构造函数方法实现"继承"。
深拷贝继承（推荐）
提到拷贝继承，不得不提到浅拷贝，浅拷贝只能拷贝一层深度，但是很多时候我们碰到的对象结构不止一层，所以浅拷贝并不适合我们实际开发中的使用，这里也就不多做说明了。
所谓"深拷贝"，就是能够实现真正意义上的数组和对象的拷贝。它的实现并不难，只要递归调用"浅拷贝"就行了。
function deepCopy(p, c) {
var c = c || {};
for (var i in p) {
if (typeof p[i] === 'object') {
c[i] = (p[i].constructor === Array) ? [] : {};
deepCopy(p[i], c[i]);
} else {
c[i] = p[i];
}
}
return c;
}使用的时候这样写：
var Doctor = deepCopy(Chinese);现在，给父对象加一个属性，值为数组。然后，在子对象上修改这个属性：
Chinese.birthPlaces = ['北京','上海','香港'];
Doctor.birthPlaces.push('厦门');这时，父对象就不会受到影响了。
alert(Doctor.birthPlaces); //北京, 上海, 香港, 厦门
alert(Chinese.birthPlaces); //北京, 上海, 香港目前，jquery库使用的就是这种继承方法。
extends 关键字实现继承
这个是 ES6 的语法糖，下面看下es6实现继承的方法
class Parent {
constructor(name, age) {
this.name = name;
this.age = age;
}
}
class Children extends Parent {
constructor(name, age, job) {
this.job = job; // 这里会报错
super(name, age);
this.job = job; // 正确
}
}上面代码中，子类的constructor方法没有调用super之前，就使用this关键字，结果报错，而放在super方法之后就是正确的。子类Children的构造函数之中的super()，代表调用父类Parent的构造函数。这是必须的，否则 JavaScript 引擎会报错。
注意，super虽然代表了父类Parent的构造函数，但是返回的是子类Children的实例，即super内部的this指的是Children，因此super()在这里相当于Parent.prototype.constructor.call(this)。
本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！