使用JavaScript原型对象时，事件方法中的“ this”关键字

Question

我正在尝试在事件处理程序中访问JavaScript中原型类的成员变量-我通常会使用“ this”关键字（对于事件处理程序，通常使用“ this”关键字） 。不用说，我遇到了一些麻烦。以下面的HTML代码段为例：<a id="myLink" href="#">My Link</a>这段JavaScript代码：function MyClass(){  this.field = "value"  this.link = document.getElementById("myLink");  this.link.onclick = this.EventMethod;}MyClass.prototype.NormalMethod = function(){  alert(this.field);}MyClass.prototype.EventMethod = function(e){  alert(this.field);}实例化MyClass对象并调用NormalMethod的工作方式与我期望的完全相同（提示说“ value”），但是单击链接会产生未定义的值，因为“ this”关键字现在引用了事件目标（anchor（）HTML元素） 。我是原型JavaScript样式的新手，但是在过去，通过闭包，我只是在构造函数中复制了“ this”：var that = this;然后，我可以通过“那个”对象访问事件方法中的成员变量。这似乎不适用于原型代码。还有另一种方法可以做到这一点吗？谢谢。

Answer 1

如上所述，使用作为原型库一部分的bind是解决此问题的一种干净方法。这个问题是另一个SO问题的重复，这里通过实现bind方法来回答这个问题，但不包括整个原型库：