ie支援function.bind()方法實作程式碼_javascript技巧

前端開發者應該很清楚 Javscript 腳本的 function 函數物件可以透過 call 或 apply 方法，使其改變內部作用域(this)所指向的對象，實現更多可擴展的功能開發。 ie 原生支援function 物件的call 和apply 方法，在firefox 或其它瀏覽器下也得到支持，但是call 和apply 方法是立即作用並執行，例如：

複製程式碼 程式碼如下:

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

}.apply(window);
alert(this);
}.apply(window);
alert(this);
}.apply(window);

alert(this); }.apply(window); > 當腳本解析引擎執行到這段程式碼時，會立即彈出對話框並顯示object 字串。我們的初衷是想定義 func 方法作用在 window 物件域上，並在後期呼叫時再執行，但是 call 和 apply 方法並不能滿足我們的初衷，它們會立即執行。 在google 一番技術資料後，發現firefox 原生支援一個bind 方法，該方法很好的滿足了我們的初衷，呼叫方法與call 和apply 一樣，只是定義完成後，在後期呼叫時該方法才會執行。但是這個 bind 方法只有在 ie10 版本的瀏覽器才得到原生支持，低於該版本的瀏覽器下執行時會得到一個 undefined 的錯誤提示。於是只好再上網google 解決方案，功夫不負有心人，我們在firefox 的開發站找到了解決方案，那就是增加property 原型使得所有瀏覽器都能支援bind 方法，程式碼如下：

複製程式碼


程式碼如下:


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 whatis whatis. 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. )));

};
fNOP.prototype = this.prototype;
fBound.prototype = new fNOP();
return fBound; }; } return fBound; }; } 看懂這段程式碼需要點功底，我只是知道如何拿來用，如果哪位大牛有興趣能夠介紹一下這段源碼的原理，不勝感激，謝謝！ 單純不是什麼態度，而是一種滿足。