自從進(jìn)入七月以來(lái),我的 underscore 源碼解讀系列 更新緩慢,再這樣下去,今年更完的目標(biāo)似乎要落空,趕緊寫(xiě)一篇壓壓驚。
前文 跟大家簡(jiǎn)單介紹了下 ES5 中的 bind 方法以及使用場(chǎng)景(沒(méi)讀過(guò)的同學(xué)建議先看看),畢竟 bind 是 ES5 的東西,低版本 IE 不支持。今天就根據(jù) underscore 的實(shí)現(xiàn),來(lái)聊一聊如何實(shí)現(xiàn)一個(gè) bind 的 polyfill。
之前在 ECMAScript 5(ES5) 中 bind 方法簡(jiǎn)介備忘 一文中,給出了一個(gè) "窮人版" 的 polyfill,如下。
Function.prototype.bind = Function.prototype.bind || function(context) { var that = this; return function() { return that.apply(context, arguments); }}
說(shuō)實(shí)話(huà),基本可以滿(mǎn)足多數(shù)的場(chǎng)景需求了。bind 方法返回的還是一個(gè)方法(經(jīng)典閉包),很巧妙地用 apply 改變(綁定)了 this 指向。但是毫無(wú)疑問(wèn)這樣簡(jiǎn)單的實(shí)現(xiàn)是有問(wèn)題的。
首先,該方法只支持傳入一個(gè)參數(shù),為方法需要綁定的 this 指向,原生的 bind 方法可以傳入多個(gè)參數(shù),如果要問(wèn)這些參數(shù)干嘛用,回頭翻翻 前文。如何實(shí)現(xiàn)傳參?非常簡(jiǎn)單,傳入,然后提取,不就 ok 了?