微信小程序this.setData is not a function报错||TypeError: Cannot read property 'setData' of null

微信小程序this.setData is not a function报错||TypeError: Cannot read property ‘setData’ of null

1. 使用回调函数(方法块).bind(this)
2.在方法块外面声明_this=this来存储this,然后在方法块内用_this便可以正常访问方法与属性
3.使用箭头函数,箭头函数没有自己的this,直接继承外部的this,不会出现上述错误

下面举例说明:

A.以计时器为例,其内部的回调方法function(){}可以看做是一个闭包,无法直接使用this,通过function(){}.bind(this)语法可以在其内部使用this,这个表示将事件绑定到当前页面上

 setTimeout(function() {
        this.setData({
          codeText: "重新获取"
        })
      }.bind(this), 60000)

B.在方法块外面声明 var that=this来存储this,然后在方法块内用that便可以正常访问方法与属性

    var that = this;
 setTimeout(function() {
        that.setData({
          codeText: "重新获取"
        })
      }, 60000)

C.使用箭头函数,在es6中 ,使用箭头函数是不存在这个问题的. 并不是因为箭头函数内部有绑定this的机制,而是箭头函数没有自己的this,直接继承外部的this,不会出现上述错误.

 setTimeout(()=>{
        this.setData({
          codeText: "重新获取"
        })
      }, 60000)
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值