区别:
- call,apply改变完this指向后会立即调用函数
- bind改变完this指向不会调用函数,要用新的方法来接收,通过调用新的方法来执行改造后的函数(最常用)
- apply传递的参数必须是数组
相同点:都可以改变this指向
下面用实列说明
用call方法时 fn1函数指向为obj对象,且会自动执行改造后的函数 打印出结果为3
var obj = {
age: 18
} ;
function fn1(a, b) {
console.log(this);
console.log(a + b);
}
fn1.call(obj, 1, 2);
用apply方法时,传递的参数必须是数组,改造完后,会立即执行函数,fn函数this指向为obj对象,打印结果是字符串48hello
var obj = {
age: 18
}
function fn(arr, arr1, arr2) {
console.log(this); //改变了指向 指向为obj
console.log(arr + arr1 + arr2); //48hello
}
fn.apply(obj, [23, 25, 'hello']);
用bind()方法时,函数改造完后不会自动去调用,可以用一个函数来接收bind改造完产生的新函数来调用他
var obj = {
age: 18
}
function fn1(a, b) {
console.log(this);
console.log(a + b);
}
var f = fn1.bind(obj, 1, 2);
f();
所以call与bind方法区别就一个自动去调用函数,一个不会所以如果明白立即函数的就明白了 下面俩种写法时等价的
fn1.bind(obj, 1, 2)();
fn1.call(obj, 1, 2) //俩种写法等效
相关链接:立即执行函数是什么?
相关链接:call,apply,bind方法应用