今天在练习小程序的时候,遇到小程序报错

微信小程序报错TypeError: this.setData is not a function-LMLPHP

对于处于小白阶段的我,遇到这种报错,真还不知道是错从何来,只有一脸蒙逼,后来通过查询,终于知道了问题所在,下面对这一问题做一记录

小程序默认中是这么写的

onLoad:function(e){
  this.setData({
  name:app.name
  })
}
这个this就没问题
 
自己写的
ononon:function(){
  var tt=setInterval(function(){
    jindu++
    if(jindu>=50){
      clearInterval(tt)
    }
    this.setData({
      ppp: jindu
    })
  },30)
},
就报错了,这是为什么呢,通过查询各路前辈的说法得出自己的理解:
this.setData只能用于函数里面的第一层,如果用于函数里面的其他方法内,比如此处的setInterval里面,就必须要在函数内第一层申明this,
比如that=this
 
ononon:function(){
  var that=this
  var tt=setInterval(function(){
    jindu++
    if(jindu>=50){
      clearInterval(tt)
    }
    that.setData({
      ppp: jindu
    })
  },30)
},

这样就不报错了

05-07 13:39