1. 程式人生 > 其它 >JavaScript中關於call()、apply()和bind()的區別

JavaScript中關於call()、apply()和bind()的區別

技術標籤:前端javascriptes6

**

1,call()、apply()、bind() 都是用來重定義 this 這個物件的!

**

如:
在這裡插入圖片描述

obj.myFun.call(db);    // 德瑪年齡 99
obj.myFun.apply(db);    // 德瑪年齡 99
obj.myFun.bind(db)();   // 德瑪年齡 99

以上出了 bind 方法後面多了個 () 外 ,結果返回都一致!

由此得出結論,bind 返回的是一個新的函式,你必須呼叫它才會被執行。

2,對比call 、bind 、 apply 傳參情況下

在這裡插入圖片描述

obj.myFun.call(db,'成都',
'上海');     // 德瑪 年齡 99 來自 成都去往上海 obj.myFun.apply(db,['成都','上海']); // 德瑪 年齡 99 來自 成都去往上海 obj.myFun.bind(db,'成都','上海')(); // 德瑪 年齡 99 來自 成都去往上海 obj.myFun.bind(db,['成都','上海'])();   // 德瑪 年齡 99 來自 成都, 上海去往 undefined 

微妙的差距!

從上面四個結果不難看出:

call 、bind 、 apply 這三個函式的第一個引數都是 this 的指向物件,第二個引數差別就來了:

call 的引數是直接放進去的,第二第三第 n 個引數全都用逗號分隔,直接放到後面 obj.myFun.call(db,‘成都’, … ,‘string’ )。

apply 的所有引數都必須放在一個數組裡面傳進去 obj.myFun.apply(db,[‘成都’, …, ‘string’ ])。

bind 除了返回是函式以外,它 的引數和 call 一樣。

當然,三者的引數不限定是 string 型別,允許是各種型別,包括函式 、 object 等等!