下面我正在用 JavaScript 创建一个对象。在构造函数中,我正在设置一个事件侦听器。问题是当事件被触发时,找不到 this.prop
,并打印出 undefined。我该如何解决这个问题?
var someObj = function someObj(){
this.prop = 33;
this.mouseMoving = function() { console.log(this.prop);}
document.getElementById("someDiv").addEventListener('mousemove', this.mouseMoving, true);
}
原文由 Ronald 发布,翻译遵循 CC BY-SA 4.0 许可协议
当调用事件处理程序时,“this”不再引用“someObj”对象。您需要将“this”捕获到 mouseMoving 函数将捕获的局部变量中。
我假设“someObj 是一个构造函数,即打算用 as
new someObj()
调用,否则“this”将是全局范围。“this”关键字在 JavaScript 中可能会造成混淆,因为它的工作方式与在其他语言中不同。要记住的关键是它 在调用函数时 绑定到调用对象,而不是在创建函数时。