Javascript 相位器3-如何从箭头功能事件中引用对象本身?
我有这样一个场景,我创建了5个按钮,并将自定义属性(mydata)加载到其中:Javascript 相位器3-如何从箭头功能事件中引用对象本身?,javascript,dom-events,this,phaser-framework,arrow-functions,Javascript,Dom Events,This,Phaser Framework,Arrow Functions,我有这样一个场景,我创建了5个按钮,并将自定义属性(mydata)加载到其中: create(){ 对于(var a=1;a{ //如何返回mydata属性值?? }); } } 我在网上发现e.target或e.currentTarget可能有帮助,但在这种情况下,两者都返回未定义 无论如何,知道箭头函数会将其移动到父范围,仍然有一种方法可以在事件中引用对象本身并检索其属性 PS:我知道使用常规函数可以达到预期的效果,但我现在正在学习箭头函数,所以我有点“投入”,然后我想知道是否有这种特殊方
create(){
对于(var a=1;a{
//如何返回mydata属性值??
});
}
}
我在网上发现e.target或e.currentTarget可能有帮助,但在这种情况下,两者都返回未定义
无论如何,知道箭头函数会将其移动到父范围,仍然有一种方法可以在事件中引用对象本身并检索其属性
PS:我知道使用常规函数可以达到预期的效果,但我现在正在学习箭头函数,所以我有点“投入”,然后我想知道是否有这种特殊方式的转变
谢谢
编辑-我结束了对解决方案的思考:
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
});
}
}
create(){
for(设a=1;a{
console.log(mybutton);//返回对象
console.log(mybutton.mydata);//返回属性
});
}
}
对于我来说,当前目标运行良好
$('#test').on("pointerup", (e) =>
{
console.log(e.currentTarget);
});
$('#test').on("pointerup", (e) =>
{
console.log(e.currentTarget);
});