JavaScript中的apply和call函数详解

alert(message);
alert(this.x);
}
f('invoking f');
f.apply(o, ['invoking f through apply']);

apply()方法是很有用的，因为我们可以创建一个函数而不用去关心目标方法的参数。这个函数可以通过apply()的第二个数组参数来传递额外的参数给方法。

var o = {x : 15};
function f1(message1) {
 alert(message1 + this.x);
}
function f2(message1, message2) {
 alert(message1 + (this.x * this.x) + message2);
}
function g(object, func, args) {
 func.apply(object, args);
}
g(o, f1, ['the value of x = ']);
g(o, f2, ['the value of x squared = ', '. Wow!']);

这样的语法有点问题。为了调用apply()方法，我们强制目标函数使用数组中的参数。幸运的是，有一个方法可以让这种语法更简单。在此之前，我们必须先介绍一个：参数标识符。

在JavaScript中，其实每个函数都有一个可变长度的参数列表。这意味着，即使一个函数只有一个参数的时候，我们也可以传递5个参数给它。下面的代码不会有错误，而且结果显示的是“H”。

function f(message) {
 alert(message);
}
f('H', 'e', 'l', 'l', 'o');

在f()中，如果我们不想去接受其他的参数，我们可以用关键字arguments。arguments代表一个参数对象，它有一个代表长度的属性类似于数组。

function f(message) {
 // message的值和arguments[0]是一样的
 for(var i = 1; i < arguments.length; i++){
  message += arguments[i];
 }
 alert(message);
}
// 结果显示“Hello”
f('H', 'e', 'l', 'l', 'o');

你应该知道，严格来讲，arguments不是一个数组。arguments有一个length属性，但是没有split、push、pop方法。在前面的g()函数中，我们可以从arguments中拷贝需要的参数，组成数组，然后把这个数组传递给apply()。

var o = {x : 15};
function f(message1, message2) {
 alert(message1 + ( this.x * this.x) + message2);
}
function g(object, func) {
 // arguments[0] = object
 // arguments[1] = func
 var args = [];
 for(var i = 2; i < arguments.length; i++) {
  args.push(arguments[i]);
 }
 func.apply(object, args);
}
g(o, f, 'The value of x squared = ', '. Wow!');

当我们调用g()，we can pass additional arguments as parameters instead of stuffing the arguments into an array。