微信小程序Component observers监听data数据更新导致死循环bug

Posted 2020-12-21 夏秋初的学习笔记

使用数据监听器

有时，在一些数据字段被 setData 设置时，需要执行一些操作。

例如， this.data.sum 永远是 this.data.numberA 与 this.data.numberB 的和。此时，可以使用数据监听器进行如下实现。

Component({
  attached: function() {
    this.setData({
      numberA: 1,
      numberB: 2,
    })
  },
  observers: {
    ‘numberA, numberB‘: function(numberA, numberB) {
      // 在 numberA 或者 numberB 被设置时，执行这个函数
      this.setData({
        sum: numberA + numberB
      })
    }
  }
})

当我尝试按照以上方法进行监听数据时，错误的设置了

this.setData({
     numberA:numberA,// 文档里面是设置的sum变量，我这里设置了监听的变量
});

导致无限循环监听卡死。这里不需要重新设置setData，因为组件已经获取到了最新的数据。