只是遇到了一个绑定问题,就在我的Javascript世界的边缘,所以我将按照Regis的建议,用我的方式来讨论它,然后得出我的问题:
function foo() {
document.body.addEventListener("click", this.bar);
}
foo.prototype.bar = function(evt) {
alert(this);
}
test = new foo();这将使用document.body元素发出警报,因为this由于函数引用而丢失。因此,引用必须使用bind()来持久化引用:
function foo() {
document.body.addEventListener("click", this.bar.bind(this));
}这将使用foo类型的预期对象发出警报。
但是,根据这张桌子的说法,如果我使用bind(),那么一堆浏览器就不太好了。我一直在阅读关于apply()和call()的文章,但它们似乎适用于有争议的案例。在这种情况下,如何使用预ECMAScript5 5方法实现我需要的bind()行为?
发布于 2012-07-13 03:37:20
而不是给我自己的答案,约翰雷希告诉你怎么在这里。(点击1)我们的目标然后点击Next)。
Resig的解决方案来自prototype.js。您还可以看到MDN的描述这里和实现代码,近似于实际的ES5实现。不过,在大多数情况下,它应该是足够好的。
https://stackoverflow.com/questions/11463767
复制相似问题