快捷導(dǎo)航

ie支持function.bind()方法實(shí)現(xiàn)代碼

更新時(shí)間：2012年12月27日 09:22:14 作者：

在 google 一番技術(shù)資料后，發(fā)現(xiàn) firefox 原生支持一個(gè) bind 方法，該方法很好的滿足了我們的初衷，調(diào)用方法與 call 和 apply 一樣，只是定義完成后，在后期調(diào)用時(shí)該方法才會(huì)執(zhí)行,需要的朋友可以了解下

前端開發(fā)者應(yīng)該很清楚 Javscript 腳本的 function 函數(shù)對(duì)象可以通過 call 或 apply 方法，使其改變內(nèi)部作用域(this)所指向的對(duì)象，實(shí)現(xiàn)更多可擴(kuò)展的功能開發(fā)。ie 原生支持 function 對(duì)象的 call 和 apply 方法，在 firefox 或其它瀏覽器下也得到支持，但是 call 和 apply 方法是立即作用并執(zhí)行，例如：

復(fù)制代碼代碼如下:

 
var func = function () { 
alert(this); 
}.apply(window); 

當(dāng)腳本解析引擎執(zhí)行到這段代碼時(shí)，會(huì)立即彈出對(duì)話框并顯示 object 字符串。我們的初衷是想定義 func 方法作用在 window 對(duì)象域上，并在后期調(diào)用時(shí)再執(zhí)行，但是 call 和 apply 方法并不能滿足我們的初衷，它們會(huì)立即得到執(zhí)行。

在 google 一番技術(shù)資料后，發(fā)現(xiàn) firefox 原生支持一個(gè) bind 方法，該方法很好的滿足了我們的初衷，調(diào)用方法與 call 和 apply 一樣，只是定義完成后，在后期調(diào)用時(shí)該方法才會(huì)執(zhí)行。但是這個(gè) bind 方法只有在 ie10 版本的瀏覽器才得到原生支持，低于該版本的瀏覽器下執(zhí)行時(shí)會(huì)得到一個(gè) undefined 的錯(cuò)誤提示。于是只好再次上網(wǎng) google 解決方案，功夫不負(fù)有心人，我們?cè)?firefox 的開發(fā)站找到了解決方案，那就是增加 property 原型使得所有瀏覽器都能支持 bind 方法，代碼如下：

復(fù)制代碼代碼如下:

 
if (!Function.prototype.bind) { 
Function.prototype.bind = function (oThis) { 
if (typeof this !== "function") { 
// closest thing possible to the ECMAScript 5 internal IsCallable function 
throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable"); 
} 
var aArgs = Array.prototype.slice.call(arguments, 1), 
fToBind = this, 
fNOP = function () {}, 
fBound = function () { 
return fToBind.apply(this instanceof fNOP && oThis 
? this 
: oThis, 
aArgs.concat(Array.prototype.slice.call(arguments))); 
}; 
fNOP.prototype = this.prototype; 
fBound.prototype = new fNOP(); 
return fBound; 
}; 
} 