JAVASCRIPT面向对象的程序设计之借用构造函数实现继承

拼搏现实的明天。 2022-03-17 12:44 269阅读 0赞

## 借用构造函数实现继承 ##

由于通过原型链方式实现继承会存在缺陷（参考原型链继承）， 所以有了借用构造函数实现继承。

借用构造函数实现方式如下：

function SuperType() {
        this.colors = ["red", "blue", "green"];
    }
    
    function SubType() {
        SuperType.call(this);
    }
    
    var instance1 = new SubType();
    instance1.colors.push("black");  //"red", "blue", "green", "black"
    console.log(instance1.colors);
    
    var instance2 = new SubType();
    console.log(instance2.colors);  //"red", "blue", "green"

通过在SubType构造函数中调用SuperType的call方法实现继承；

通过借用构造函数实现继承还可以向超类构造函数传递参数， 原型链继承不能向超类构造函数传递参数， 如下：

function SuperType(name) {
        this.colors = ["red", "blue", "green"];
        this.name = name;
    }
    
    function SubType(name, age) {
        SuperType.call(this, name);
        this.age = age;
    }
    
    var instance1 = new SubType("Nicholas", 29);
    console.log(instance1.name);  //Nicholas
    console.log(instance1.age);  //29

此时， SubType将拥有SuperType所拥有的属性和方法。

但是通过借用构造函数实现继承时，SuperType原型对象中的属性和方法不会被继承， 如下。

其中方法getColors方法是在SuperType构造函数中定义的， 所以SubType继承了，可以正常调用， 但是getSuperColors方法则是在SuperType的原型对象中定义的， 不能被继承；属性也是一样。

因为借用构造函数实现继承也有缺陷，所以有了组合继承。