其實(shí)是一個(gè)很簡(jiǎn)單的東西，認(rèn)真看十分鐘就從一臉懵B 到完全 理解！

先看明白下面：

例 1

obj.objAge; // 17
obj.myFun() // 小張年齡 undefined

例 2

shows() // 盲僧　

比較一下這兩者 this 的差別，第一個(gè)打印里面的 this 指向 obj，第二個(gè)全局聲明的 shows() 函數(shù) this 是 window ；

1，call()、apply()、bind() 都是用來重定義 this 這個(gè)對(duì)象的！

如：

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

以上出了 bind 方法后面多了個(gè) () 外 ，結(jié)果返回都一致！

由此得出結(jié)論，bind 返回的是一個(gè)新的函數(shù)，你必須調(diào)用它才會(huì)被執(zhí)行。

2，對(duì)比call 、bind 、 apply 傳參情況下

　

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

　　

微妙的差距！

從上面四個(gè)結(jié)果不難看出:

call 、bind 、 apply 這三個(gè)函數(shù)的第一個(gè)參數(shù)都是 this 的指向?qū)ο?#xff0c;第二個(gè)參數(shù)差別就來了：

call 的參數(shù)是直接放進(jìn)去的，第二第三第 n 個(gè)參數(shù)全都用逗號(hào)分隔，直接放到后面?obj.myFun.call(db,'成都', ... ,'string' )。

apply 的所有參數(shù)都必須放在一個(gè)數(shù)組里面?zhèn)鬟M(jìn)去?obj.myFun.apply(db,['成都', ..., 'string' ])。

bind 除了返回是函數(shù)以外，它 的參數(shù)和 call 一樣。

當(dāng)然，三者的參數(shù)不限定是 string 類型，允許是各種類型，包括函數(shù) 、 object 等等！

總結(jié)

以上是生活随笔為你收集整理的JS 中 call()、apply()、bind() 的用法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。