call, bind,apply 的区别?
call 和 apply 调他们既可以改变函数 this 的指向,传递参数 和 调用函数;
他们只有一个区别,就是参数的格式,call 是一个一个数,apply 是一个数组;
bind 他呢,也和 call , apply 一样,只是 不会自动调用函数;
call
:
功能:调用函数,传递参数,改变函数的 this
指向;
结构:
fn.call(this的指向,传递的参数)
使用:
function fn (x, y) {
console.log(this);
console.log(x, y);
}
let o = {
name: 'zyf'
}
// 调用 fn 函数, 改变 fn 的this为 o, 传入参数 1 和 2;
fn.call(o, 1, 2);
bind
:
概念: bind()
方法,返回一个 新函数,调用 bind 时,新函数的 this 指向 bind
的第一个参数,剩余参数,就当新函数的参数了 。
功能:改变函数的 this
指向,传递参数,不会调用函数;
结构:
fn.bind(this的指向,传递的参数);
使用:
function fn (x, y) {
console.log(this);
console.log(x, y);
}
let o = {
name: 'zyf'
}
// 使用 bind ,然后调用函数;
fn.bind(o, 1, 2)();
// 使用 bind 返回值为一个新数组
let newFn = fn.bind(o, 1, 2);
newFn(); // 执行相关和上面的一样
apply:
效果和 call()
一样,只不过,他的第二个参数,传递参数时,是一个数组;
结构:
fn.apply(this的指向,[参数1,参数2,.....])
使用:
function fn (x, y) {
console.log(this);
console.log(x, y);
}
let o = {
name: 'zyf'
}
fn.apply(o,[1, 2]);