JavaScript实现多继承

JavaScript中，继承是依赖原型prototype链实现的，只有一条原型链，所以理论上不能实现多继承。但我们说javascript是非常灵活的语言，多继承我们同样可以通过一些技巧去实现。

首先介绍一下单继承的一个方法。

<span style="font-size:12px;">//单继承 属性复制
var extend = function(target,source) {
  //遍历源对象中的属性
  for (var property in source) {
  //将源对象中的属性复制到目标对象中
    target[property] = source[property];
  }
  return target;
}
var ins1 = {
  name : "ins1",
  color : ["red","blue"],
}
var ins2;
extend(ins2,ins1);</span>

再看多继承，多继承其实同单继承原理一样。

<span style="font-size:12px;">//多继承 属性复制
var mix = function() {
  var i = 1,
      len = arguments.length,
      target = arguments[0],
      arg;
  //遍历被继承的对象
  for(;i < len;i++) {
    arg = arguments[i];
    for(var property in arg) {
      target[property] = arg[property];
    }
  }
  return target;
}
var ins1 = {
  name : "ins1",
  color : ["red","blue"],
  getTime : function() {
    console.log("time");
  }
}
var ins2 = {
  sex : "man",
  height : 175
}
var ins3;
mix(ins3,ins1,ins2);</span>

这样就实现了多继承，但是在使用的时候需要传入目标对象，使第一个参数为需要继承的对象。我们可以将mix绑定在Object上，使所有的对象都可以使用。

//多继承
Object.prototype.mix = function() {
  var i = 0,//注意，这里是0
      len = arguments.length,
      arg;
  //遍历被继承的对象
  for(;i < len;i++) {
    arg = arguments[i];
    for(var property in arg) {
      this[property] = arg[property];
    }
  }
}
var ins1 = {
  name : "ins1",
  color : ["red","blue"],
  getTime : function() {
    console.log("time");
  }
}
var ins2 = {
  sex : "man",
  height : 175,
}
var ins3 = {
  name : "ins3"
};
ins3.mix(ins1,ins2);