javascript - 在原型(prototype)函数上设置点击事件

Question

我在对象原型(prototype)上设置了一个方法。我希望函数在单击按钮时运行(按钮在 dom 中，id 为“step”)

GoL.prototype.step = function () { // ...

只要单击按钮，我就会让 GoL.prototype.step 执行下面的代码。我将如何在原型(prototype)方法“step”上设置点击事件？

Answer 1

只需创建一个 GoL 实例，然后将一个 click 处理程序绑定(bind)到“step”按钮。

var instanceOfGoL = new GoL(); // only you know how to correctly initialize this
var button = document.getElementById('step');
button.addEventListener('click', function () {
    instanceOfGoL.step();
});

您需要将它包装在一个函数中并使用 .call()因为事件处理程序剥离了作用域的成员函数，您需要将其重新填充。

没有必要提供原型(prototype)函数的代码，你的问题与它无关。