首页 / JAVASCRIPT / ie支持function.bind()方法实现代码_javascript技巧

ie支持function.bind()方法实现代码_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ie支持function.bind()方法实现代码_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1758字，纯文字阅读大概需要3分钟。

内容图文

前端开发者应该很清楚 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 && oThis
? this
: oThis,
aArgs.concat(Array.prototype.slice.call(arguments)));
};
fNOP.prototype = this.prototype;
fBound.prototype = new fNOP();
return fBound;
};
}

看懂这段代码需要点功底，我只是知道如何拿来用，如果哪位大牛有兴趣能够介绍一下这段源码的原理，不胜感激，谢谢！

单纯不是什么态度，而是一种满足。

内容总结

以上是互联网集市为您收集整理的ie支持function.bind()方法实现代码_javascript技巧全部内容，希望文章能够帮你解决ie支持function.bind()方法实现代码_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/315679.html

来源：【匿名】