关于call/apply与bind的一点误解

最近在重读《javascript高级程序设计》，读到函数的call和bind时，发现自己之前的理解一直都是错的。

下面就来理一理call/apply和bind的不同

window.color = 'red';
var o = {
color: 'blue'
}
function sayColor() {
alert(this.color);
}
sayColor.call(o);  // blue

通过

sayColor.call(o)

调用时，结果弹出blue，这和以前理解一样，call/apply就是在特定作用域中调用函数（即call里面的参数就指代this）

然而

sayColor.bind(o)

调用时，结果返回的是sayColor函数，

function sayColor() {
alert(this.color);
}

和call的实现并不一样，之前以为bind就是指定this，和call的区别只是不传参。

但是当调用bind()方法时，是创建一个函数实例，其中this值被绑定到参数。

所以只是生成了一个和原函数this不一样的函数，需要调用新生成的函数，才能得到效果

window.color = 'red';
var o = {
color: 'blue'
}
function sayColor() {
alert(this.color);
}
var objectSayColor = sayColor.bind(o);
objectSayColor();   // blue