小程序setData及其回调的执行

最新推荐文章于 2024-08-29 23:56:51 发布

你的万花筒

最新推荐文章于 2024-08-29 23:56:51 发布

阅读量3.6k

点赞数 2

分类专栏：小程序 js 文章标签：小程序 javascript

本文链接：https://blog.csdn.net/weixin_45483535/article/details/106475833

版权

本文探讨了小程序中setData方法的执行特点，指出其回调会在所有setData操作完成后按顺序执行。这种机制有助于解决因多个setData调用导致的时序问题，确保在回调中访问到的变量是最新的。

摘要由CSDN通过智能技术生成

小程序setData及其回调的执行*

setData后执行的回调中打印set的变量，发现变量不是赋值后的变量


```javascript
that.setData({
              isplay: resData.isPlaying,
            }, () => {
              that.myconsole(`isPlay=${that.data.isplay}`) //false
              that.myconsole(`isPlay=${resData.isPlaying}`)//true
            });

代码中两个打印结果不一样
思索其原因。。。打印了所有的isPlay
发现，setData的回调不是set后立即执行的，是等待所有setData方法全部执行完毕才执行的，另一个setData执行时改了isPlay的值。

*写了demo验证*

```javascript
 that.setData({
      demoOne:1
    },()=> {
      console.log('我是one'+that.data.demoOne+'+'+that.data.demoTwo+'+'+that.data.demoThree+'+'+that.data.demoFour) //我是one0+0+0+4
    })
    that.setData({
      demoOne:0,
      demoTwo:2
    },()=> {
      console.log('我是two'+that