天天看點

函數的 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
           

學習筆記,根據自己了解整理,不對的地方望指正,感謝!