call()、apply()、bind()
这三个方法都是函数对象的方法,需要通过函数对象来调用
当对函数调用call()
和apply()
都会调用函数执行
var obj = {
name: "obj"
};
var obj2 = {
name:"obj2"
}
function fun(){
console.log(this.name);
}
fun.call(obj); // obj
fun.call(obj2); // obj2
在调用call()
和apply()
可以将一个对象指定为第一个参数此时这个对象将会成为函数执行时的this
call()
方法可以将实参在对象之后依次传递apply()
方法需要将实参封装到一个数组中统一传递
function fun(a, b){
console.log("a = " + a + ", b = " + b);
}
fun.call(obj, 2, 3); // a = 2, b = 3
fun.apply(obj, [2, 3]); // a = 2, b = 3
bind()
方法call()
的用法一样,区别是bind()
不会自动调用函数执行,需要手动调用
function fun(a, b){
console.log("a = " + a + ", b = " + b);
}
fun.bind(obj, 2, 3)(); // a = 2, b = 3
call、bind和apply的区别
- 都可以更改this指向
- call,bind后面的第一个参数是指向的对象,第二个参数是往对象传的值
- apply后面的第一个参数是指向的对象,第二个参数是数组,数组里面是往对象传的值(arguments 全部参数)
- call和apply更改this指向会自动调用,bind需要手动调用
this的情况
- 以函数的形式调用时,
this
永远都是window
- 以方法的形式调用时,
this
是调用方法的对象 - 以构造函数的形式调用时,
this
是新创建的那个对象 - 使用
call
和apply
调用时,this
是指定的那个对象