JS 面向对象之继承 -- 借用构造函数

浏览数：41 / 时间：2015年06月09日

转自 http://www.cnblogs.com/yangjinjin/archive/2013/02/01/2889519.html

上次讲到的原型链中，原型链存在一个问题就是不能向超类型的构造函数传递参数。那么这次就是要实现如何向超类型构造函数传递参数。

这种方法我们称之为借用构造函数（constructor stealing）

这里的实现方法是使用js的原生方法apply()或all()。那么先温习下apply()和all()函数的知识。

call方法:
语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]])
定义：调用一个对象的一个方法，以另一个对象替换当前对象。
说明：
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。

apply方法：
语法：apply([thisObj[,argArray]])
定义：应用某一对象的一个方法，用另一个对象替换当前对象。
说明：
如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。
如果没有提供 argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj，并且无法被传递任何参数。

call和apply方法通常被用来实现类似继承一样的功能，以达到代码复用的功效。它们的区别主要体现在参数上。

看例子：

　　 function SuperType() {
        this.colors = ["red", "green", "blue"];
    }

    function SubType() {
        //继承了SuperType
        SuperType.call(this);
    }

    var instance1 = new SubType();
    instance1.colors.push("black");
    alert(instance1.colors); //red,green,blue,black

    var instance2 = new SubType();
    alert(instance2.colors); //red,green,blue

通过call方法继承了SuperType。我们实际上是在新创建的SubType实例的环境下调用了SuperType构造函数。即执行了SuperType函数中定义的所有对象的初始化代码。

如何给超类型构造函数传递参数：

    function SuperType(name) {
        this.name = name;
    }

    function SubType() {
        //继承了SuperType
        SuperType.call(this, "yangjinjin");
        this.age = 27;
    }

    var obj = new SubType();

    alert(obj.name); //yangjinjin
    alert(obj.age); //27