bind、apply、call之间的差异

bind、apply、call都是函数自身携带的方法，都能改变函数的上下文，提高函数的适用性，但它们之间也存在明显的差异。

假定存在如下的上下文与函数：

//  待测试的上下文
var context = {
    name : 'yiifaa',
    age  : 32,
    welcome : function (hello) {
        hello = hello || 'Hello,';
        return hello + this.name + '!';
    }
};
//  待测试的函数
function output(name, hello) {
    this.name = name;
    return this.welcome(hello);
}

1. apply与call

它们之间的区别主要在于传递的参数，apply传递的参数必须是数组，而call传递的是参数列表，示例如下。

//  上下文绑定后的参数必须是数组
alert(output.apply(context, ['apply', 'hi']));  //  输出hi,apply!
//  上下文后的就是参数列表
alert(output.call(context, 'call', 'hi'));  //  输出hi,call!

2. bind与call

函数绑定bind后并没有执行，只是返回了一个绑定了上下文的函数，这也是与call方法的最大区别，示例如下。

//  只绑定了上下文，并没有执行
var contextOutput = output.bind(context);
alert(contextOutput('bind', 'hi')); //输出hi,bind!

也就是说，上面的两段语句才相当于call的一句，如下。

alert(output.call(context, 'bind', 'hi'));