使用匿名函数将事件绑定到KineticJS对象

Question

我正在使用Canvas和KineticJS进行项目。 我加载/创建了许多节点和边缘，并在各种情况下与它们交互时具有所需的功能。

目前，我将事件处理程序绑定到这些使用匿名函数创建的对象上。 像这样：

Node.prototype.setupNode = function(x, y) {

    this.visual.on('tap', function(e) {
        console.log(this.id);
    });

    ...
}

如果我为每个项目绑定了几个事件处理程序，其中一些是相当数量的代码行，并且我经常绑定数百个节点和边缘对象，那么有更好的方法将这些事件绑定到这些对象，以便提高性能并减少加载时间和资源使用量？

预先感谢您的任何帮助。

Answer 1

您可以创建一个命名函数，然后将其引用传递给事件绑定函数，如下所示：

function handleTap (e) {
   //your code
}

Node.prototype.setupNode = function(x, y) {
    this.visual.on('tap', handleTap);
    ...
}