javascript实现继承的六种方式

​
/*实现继承的六种方式*/
    /*1.扩展原型对象的方法实现继承*/
    function Foo1(){}
    //在Foo1函数上扩展一个fn1方法,由构造函数创建的对象都具有fn1这个方法
    Foo1.prototype.fn1=function(){};
    /*2.替换原型对象实现继承*/
    function Foo2(){}
    //给Foo2函数的原型对象重新赋值,注意不要忘记添加constructor属性
    Foo2.prototype={
        constructor:Foo2,
        fn1:function(){},
        fn2:function(){}
    };
    /*3.混入继承*/
    //已知两个对象,obj2对象继承obj中的属性
    obj={name:"张三",age:16};
    obj2={};
    for(var key in obj){
        obj2[key]=obj[key];
    }
    //封装一个函数
    function mixin(target,source){
        for(var key in source){
            target[key]=source[key];
        }
        return target;
    }
    //jQuery中的extend方法就使用了混入继承
    /*4.混入+原型继承*/
    //给Foo4.prototype混入一些新的方法
    function Foo4(){}
    mixin(Foo4,{fn1:function(){},fn2:function(){}});
    //jQuery中的jQuery.fn.extend()就是使用了这个方法
    /*5.经典继承*/
    var obj5={name:"liying",age:18};
    function Foo5(){};
    Foo5.prototype=obj5;
    //封装一个方法
    function getFun(obj5){//传入已知的对象
        function F(){}
        F.prototype=obj5;
        return new F();//将继承创建的对象返回
    }
    //经典继承在ES5中得到了实现,Object.create()
    /*6.借用构造函数实现继承*/
    function Foo6(name,age){
        this.name=name;
        this.age=age;
    }
    function NewFoo(name,age,number){
        Foo6.call(this,name,age);
        this.number=number;
    }
    //newFoo构造函数借用Foo6构造函数中的属性和方法
    var obj = new NewFoo("张三",18,10);
    console.log(obj);//NewFoo {name: "张三", age: 18, number: 10}
​