多继承

　　JavaScript中继承是依赖于原型prototype链实现的，只有一条原型链，所以理论上是不能继承多个父类的，但JavaScript是灵活的，可以一些技巧方法实现多个对象的属性多继承。

一、单继承extend实现　

看一下用来继承单对象属性的extend方法：

// 对象属性extends方法：浅复制
// 单继承 属性复制
var extend = function(target, source) {
    // 遍历源对象中的属性
    for (var property in source) {
        // 将源对象中的属性复制到目标对象中
        target[property] = source[property];
    }
    // 返回目标对象
    return target;
}

var book = {
    name: 'JavaScript设计模式',
    alike: ['css', 'html', 'JavaScript']
}
var anotherBook = {
    color: 'blue'
}
extend(anotherBook, book); 
console.log(anotherBook.name); // JavaScript设计模式
console.log(anotherBook.alike); // ["css","html","JavaScript"] 

anotherBook.alike.push('ajax');
anotherBook.name = '设计模式';
console.log(anotherBook.name); // 设计模式
console.log(anotherBook.alike); // ["css","html","JavaScript","ajax"]
console.log(book.name); // JavaScript设计模式
console.log(book.alike); // ["css","html","JavaScript","ajax"]

注：extend是一个浅复制的过程，所以对于引用类型的属性它是无能为力的。

 

二、多继承mix实现

　　既然上面的方法可以实现对一个对象属性的复制继承，那么多个对象属性继承也是同样的道理。

// 多继承 属性复制
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;
}

　　mix方法的作用就是将传入的多个对象的属性复制到源对象中，这样即可实现对多个对象属性的继承。当然也可以将它绑定到原生对象Object上，这样所有的对象就可以拥有这个方法了。

// 将mix方法绑定到原生对象Object，这样所有的对象就可以拥有这个方法了
Object.prototype.mix = function() {
    var i = 0, // 从第二个参数起为被继承的对象
        len = arguments.length, // 获取参数长度
        arg; // 缓存参数对象
    for(; i < len ; i++) {
        // 缓存当前对象
        arg = arguments[i];
        // 遍历被继承对象中的属性
        for (var property in arg) {  // 不仅遍历对象自身的属性，还遍历继承的属性。所以mix方法也会赋值到
            this[property] = arg[property];
        }
    }
}

var threeBook = {
        size: 10
    }, 
    otherBook = {};
otherBook.mix(anotherBook, threeBook);
console.log(otherBook); /* {
                                alike: (4) ["css", "html", "JavaScript", "ajax"]
                                color: "blue"
                                mix: ƒ () 
                                name: "设计模式"
                                size: 10 
                        */

 

参考书籍：《JavaScript设计模式》