前端开发者应该很清楚 Javscript 脚本的 function 函数对象可以通过 call 或 apply 方法 , 使其改变内部作用域(this)所指向的对象 , 实现更多可扩展的功能开发 。ie 原生支持 function 对象的 call 和 apply 方法 , 在 firefox 或其它浏览器下也得到支持 , 但是 call 和 apply 方法是立即作用并执行 , 例如:
复制代码 代码如下:
var func = function () {
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 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
};
fNOP.prototype = this.prototype;
fBound.prototype = new fNOP();
return fBound;
};
}
看懂这段代码需要点功底 , 我只是知道如何拿来用 , 如果哪位大牛有兴趣能够介绍一下这段源码的原理 , 不胜感激 , 谢谢!
单纯不是什么态度 , 而是一种满足 。您可能感兴趣的文章:让IE8浏览器支持function.bind()方法Function.prototype.bind用法示例javascript中的Function.prototye.bind深入理解JS中的Function.prototype.bind()方法jQuery中的.bind()、.live()和.delegate()之间区别分析JQuery中绑定事件(bind())和移除事件(unbind())JQuery中Bind()事件用法分析jQuery事件绑定on()、bind()与delegate() 方法详解浅谈javascript中call()、apply()、bind()的用法关于Function中的bind()示例详解
推荐阅读
- 使用HDCleaner扫描删除重复文件的方法步骤
- IE9版本以下ajax 跨域问题可行解决方法
- 我速PDF转换器合并PDF文件的操作方法
- Wise Anti Malware清理广告程序的方法
- C4D图形添加飘动动画效果方法介绍
- 使用太极图片批量处理助手批量裁剪图片的方法步骤
- HTML5在IE10、火狐下中文乱码问题的解决方法
- 大拍档剪辑助手将WMV转换成MP4的操作方法
- IE浏览器菜单栏里面收藏夹为灰色点击不了的解决方法
- 钓黑鱼的方法与技巧