第3阶段-如何从箭头函数事件中引用对象本身

Question

我有这样的场景，我每天创建5个按钮，并加载一个自定义属性(mydata(：

create() {
for (var a=1; a<=5; a++) {
this.mybutton = this.add.image(a*50, 10, '').setInteractive();
this.mybutton.mydata = a;
this.mybutton.on('pointerup', (e) => {
// how to return mydata property value??
});
}
}

我在网上发现e.target或e.currentTarget可能会有所帮助，但在这种情况下，两者都返回了undefined。

无论如何，知道箭头函数将这个移动到父作用域，仍然有方法在事件中引用对象本身并检索其属性吗？

PS：我知道使用正则函数可以达到预期的结果，但我现在正在研究箭头函数，所以我有点"；进入其中"；然后我想知道在这种特殊的方式下是否有转机

谢谢！

EDIT-我已结束配置解决方案：

create() {
for (let a=1; a<=5; a++) {
const mybutton = this.add.image(a*50, 10, '').setInteractive();
mybutton.mydata = a;
mybutton.on('pointerup', (e) => {
console.log (mybutton); // returns the object
console.log (mybutton.mydata); // returns the property
});
}
}

Answer 1

对我来说，当前目标运行良好

$('#test').on("pointerup", (e) =>
{
console.log(e.currentTarget);
});

https://jsfiddle.net/afnoLtb2/1/