天天看点

函数的 call、apply、bind 方法

call 和 apply 用来执行函数,并改变 this 的指向(第一个参数),同时用指定函数的参数。

call 与 apply 唯一的区别就是, call 接受的是参数列表,apply 接受的是参数数组。

var str = 'window';
var obj = {
    str: 'obj'
}

function fun() {
    console.log(this.str);
}

function fun2(a, b) {
    console.log(this.str);
    console.log(a + b);
}

fun(); // window
fun.call(); // window
fun.call(obj); // obj
fun2.call(obj, 1, 1); // obj 2
fun2.apply(obj, [2, 2]); // obj 4
// 参数个数确定时使用 call 方法,参数个数不确定时使用 apply 方法。
           

bind 与 call、apply 不同的是,bind 方法不会执行函数,而是返回该函数的拷贝。

var fun3 = fun2.bind(obj, 3, 3);
fun3(); // obj 6

// 或者
var fun4 = fun2.bind(obj);
fun4(4, 4); // obj 8
           

学习笔记,根据自己理解整理,不对的地方望指正,感谢!