Javascript 添加事件侦听器后的原型继承问题

如何访问

Test

对象的

events

属性中的根

this

：

"use strict";

var Test = function (element, options) {


};

Test.prototype = {

    constructor: Test,

    events: {

        handleEvent: function (event) {

            // this.setup() should point to the Test.prototype.setup property
        },

        start: function (event) {


        }
    },

    setup: function () {


    }
};

使用以下语法将事件侦听器添加到元素后：

document.getElementById.addEventListener("touchmove", this.events, false);

---

其中，

this.events

指的是

Test

对象。在测试之后，我注意到

这个

在这种情况下将是

事件

对象。如何调整代码，使根对象在

事件

对象的属性中可用？

您必须将

事件

、

handleEvent

或两者的定义移动到构造函数中，以便能够获得捕获

此

的正确范围
下面是一个例子

function EO() {
    this.ev = {      // copy over `handleEvent` and then capture the `this`
        handleEvent: EO.prototype.ev.handleEvent.bind(this) // with bind
    };
};
EO.prototype = {
    ev: {
         handleEvent: function (e) {
             console.log(
                 e,                    // event
                 this,                 // check `this`
                 this.prototype.ev.bar // how to access other properties
             );},
         bar: 'hello!'
    }
}
// construct
var foo = new EO();
// listen
document.body.addEventListener('click', foo.ev);

现在引发一些事件，您将看到正确的

此

。

---

如果您想避免通过

this.prototype

访问所有内容，我建议您为其中一个对象使用不同的名称，或者直接将

handleEvent

放在原型中，而不是放在另一个对象中。

我移动了

事件的所有道具，包括
handleEvent
放在
测试对象的根目录中，因为我无法使其正常运行。