最近在重读《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