不同的函数调用模式

调用一个函数将暂停当前函数的执行，传递控制权和参数给新函数。除了声明时定义的形式参数，每个函数接收两个附加的参数：this和arguments。参数this在面向对象编程中非常重要，它的值取决于调用的模式。在JavaScript中一共有4种调用模式：方法调用模式、函数调用模式、构造器调用模式和apply调用模式。这些模式在如何初始化关键参数this上存在差异。

调用运算符是跟在任何产生一个函数值的表达式之后的一对圆括号，圆括号内可以包含零个或多个用逗号隔开的表达式。每个表达式产生一个参数值。每个参数值被赋予函数声明时定义的形式参数名。当实际参数的个数与形式参数的个数不匹配时不会导致运行时错误。如果实际参数值过多，那么超出的参数值将被忽略。如果实际参数值过少，那么缺失的值将会被替换为undefined。不会对参数值进行类型检查，任何类型的值都可以传递给参数。

1.方法调用模式

当一个函数被保存为对象的一个属性时，将称为一个方法。当一个方法被调用时，this被绑定到该对象。如果一个调用表达式包含一个属性存取表达式（即一个点表达式或[subscript]下标表达式），那么它被当做一个方法来调用。

由于increment方法可以使用this去访问对象，所以它能从对象中取值或修改该对象。this到对象的绑定发生在调用的时候。这个延迟绑定使函数可以对this高度复用。通过this可取得increment方法所属对象的上下文的方法称为公共方法。

var obj = {

    value : 0,
    increment : function(inc) {
        this.value += typeof inc === 'number' ? inc : 1;
    }
}
obj.increment();
document.writeln(obj.value);  // 1
obj.increment(2);
document.writeln(obj.value); // 3

2.函数调用模式

当一个函数并非一个对象的属性时，它将被当做一个函数来调用： var sum = add(3, 4);  //7

当函数以此模式调用时，this被绑定到全局对象。这是语言设计上的一个错误。倘若语言设计正确，当内部函数被调用时，this应该仍绑定到外部函数的this变量。这个设计错误的后果是方法不能利用内部函数来帮助它工作，因为内部函数的this被绑定了错误的值，所以不能共享该方法对对象的访问权。幸运的是，有一个很容易的解决方案：如果该方法定义一个变量并将它赋值为this，那么内部函数就可以通过这个变量访问this。按照约定，将这个变量命名为that。

var obj = {
    value : 1,
    doub : function() {
        var that = this;
        var helper = function() {
            that.value = that.value * 2;
        };
        helper();
    }
}
obj.doub();
document.writeln(obj.value);  // 2

但是，若没有讲this值赋值给that，直接在内部函数中访问this，则因为此时的this指向内部函数，最后输出obj的this值仍然为1

var obj = {
    value : 1,
    doub : function() {
        var helper = function() {
            this.value = this.value * 2;
        };
        helper();
    }
}
obj.doub();
document.writeln(obj.value);  // 1

3.构造器调用模式

如果在一个函数前面加上new运算符来进行调用，那么将创建一个隐藏链接到该函数的prototype原型对象的新实例对象，同时this将会被绑定到这个新实例对象上。注意，new前缀也会改变return语句的行为。

var F = function(string) {
    this.status = string;
};
F.prototype.get = function() {
    return this.status;
};
var f = new F("new object");
document.writeln(f.get()); //"new object"

上面代码创建一个名为F的构速器函数，此函数构建了一个带有status属性的对象。然后，为F所有实例提供一个名为get的公共方法。最后，创建一个实例对象，并调用get方法，以读取status属性的值。

结合new前缀调用的函数称为构造器函数。按照约定，构造器函数应该保存在以大写字母命名的变量中。如果调用构造器函数时没有在前面加上new，可能会发生非常糟糕的事情，既没有编译时警告，也没有运行时警告，所以大写约定非常重要。

 

4.apply调用模式

JavaScript是函数式的面向对象编程语言，函数可以拥有方法。apply就是函数的一个基本方法，使用这个方法可以调用函数，并修改函数体内的this值。apply方法包括两个参数：第一个参数设置绑定给this的值；第二个参数是包含函数参数的数组。例如：

var array = [5, 4];
var add = function() {
    var i, sum = 0;
    for( i = 0; i < arguments.length; i += 1) {
        sum += arguments[i];
    }
    return sum;
};
var sum = add.apply({}, array);  // 9

上面代码构建一个包含两个数字的数组，然后使用apply方法调用add()函数，将数组array中的元素值相加。
var F = function(string) {
    this.status = string;
};
F.prototype.get = function() {
    return this.status;
};
var obj = {
    status: 'obj'
};
var status = F.prototype.get.apply(obj);  //''obj''