之前对JavaScript中函数的call,apply和bind方法认识的一直不够，不甚理解，看了一下《JavaScript高级程序设计》里的解读，讲的很清楚，介绍如下：

call和apply

每个函数都包含两个非继承而来的方法：apply()和call()。这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。首先，apply()方法接收两个参数：一个是在其中运行函数的作用域（其实就是指定函数的执行环境或者说指定函数的上下文对象），另一个是参数数组。其中，第二个参数可以是Array的实例，也可以是arguments对象（也就是说，第二个参数是是一个数组）。例如：

function sum(num1, mum2) {
    return num1 + num2;
}

function callSum1(num1, num2) {
    return sum.apply(this, arguments);
}

function callSum2(num1, num2) {
    return sum.apply(this, [num1, num2]);
}

console.log(callSum1(10,10));  //20
console.log(callSum2(10,10));  //20

在上面例子中，callSum1()在执行sum()函数时传入了this作为this值（因为是在全局作用域中调用的，所以传入的就是window对象）和arguments对象。而callSum2()同样也调用了sum()函数，但他传入的则是this和一个参数数组。这两个函数都会正常执行并返回正确的结果。

call()方法与apply()方法的作用相同，他们的区别仅在于接收参数的方式不同。对于call()方法而言，第二个参数必须逐个列举出来，如下面所示：

function sum(num1, num2) {
    return num1 + num2;
}

function callSum(num1, num2) {
    return sum.call(this, num1, num2);
 }

console.log(callSum(10, 10));   //20

在使用call()方法时，必须明确的传入每一个参数。

事实上，传递参数并非apply()和call()真正的用武之地；他们真正强大的地方是能够扩充函数赖以运行的作用域（即改变函数的执行环境）。下面看一个例子。

window.color = 'red';
var o = {
    color: "blue"
};

function sayColor() {
    console.log(this.color);
}

sayColor();   //red
sayColor.call(this);   //red
sayColor.call(window);    //red
sayColor.call(o);     //blue

使用call()或apply()来扩充作用域的最大好处，就是对象不需要与方法有任何耦合关系。

bind

每次使用call或apply方法时都要传入第一个参数以指定函数的执行环境，而bind()方法会永久绑定函数的执行环境（也可以说上下文对象）,返回一个函数的实例。

window.color = 'red';
var o = {
    color: "blue"
};

function sayColor() {
    console.log(this.color);
}

var objectSayColor = sayColor.bind(o);
objectSayColor();    //blue