ssssuperfranky 2023-03-09 12:03 采纳率: 25%
浏览 9
已结题

cocos creator 2.4 this.node.on方法中回调函数参数怎么传

for(let i = 0;i<3;i++){
           this.node.on(cc.Node.EventType.TOUCH_END,function(){
                this.buyBtn(i);
            },this);
}

    buyBtn:function(p1,p2){
        cc.log("点击成功" + p1);
    }

代码执行结果

img

for(let i = 0;i<3;i++){
           this.node.on(cc.Node.EventType.TOUCH_END,this.buyBtn(i),this);
}

    buyBtn:function(p1,p2){
        cc.log("点击成功" + p1);
    }

代码执行结果

img

为什么会这样?

  • 写回答

1条回答 默认 最新

  • qq_28884137 2023-03-09 12:20
    关注

    第一种写法中,每次循环都会创建一个新的匿名函数作为回调函数,而且在回调函数中传入的参数 i 是一个闭包变量,每个匿名函数都引用了不同的 i,所以当点击按钮时,每个回调函数中的 i 都是最后一次循环的值 2。

    而第二种写法中,this.buyBtn(i) 直接调用了 buyBtn 函数,并且将返回值作为回调函数,因为 buyBtn 函数没有返回值,所以回调函数为 undefined,所以点击按钮时没有任何反应。

    正确的写法应该是将回调函数改为箭头函数,并在箭头函数中传入参数 i,如下所示:

    for(let i = 0;i<3;i++){
               this.node.on(cc.Node.EventType.TOUCH_END,()=>{
                    this.buyBtn(i);
                },this);
    }
     
        buyBtn:function(p1,p2){
            cc.log("点击成功" + p1);
        }
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 3月17日
  • 已采纳回答 3月9日
  • 创建了问题 3月9日

悬赏问题

  • ¥30 频率分析法分析绘制奈奎斯特图、波特图
  • ¥15 弹出来一万个系统找不到指定的文件框框,怎么解决
  • ¥15 ADS生成的微带线为什么是蓝色空心的
  • ¥15 求一下解题思路,完全不懂
  • ¥15 tensorflow
  • ¥15 densenet网络结构中,特征以cat方式复用后是怎么进行误差回传的
  • ¥15 STM32G471芯片spi设置了8位,总是发送16位
  • ¥15 R语言并行计算beta-NTI中tree文件的类型
  • ¥15 如何解读marsbar导出的ROI数据?
  • ¥20 求友友协助弄一下基于STC89C52单片机的声光控制灯原理图