码迷,mamicode.com
首页 > 微信 > 详细

微信小程序诡异错误this.setData报错

时间:2019-08-18 11:27:31      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:微信   data   console   函数定义   ref   develop   nload   api   style   

先说原因:

function声明的函数和箭头函数的作用域不同,这是一个不小心坑的地方。可参考箭头函数说明:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions
 
所以对于这个结果,还是换回es5的function函数去写最好了。
 
箭头函数和function的区别:
 
箭头函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象
箭头函数不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误
箭头函数不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用Rest参数代替,不可以使用yield命令,因此箭头函数不能用作Generator函数。

这么写会报错

thirdScriptError
this.setData is not a function;at pages/index/index onLoad function;at api getSystemInfo success callback function
TypeError: this.setData is not a function

onLoad: function () {
    wx.getSystemInfo({
      success: function (res) {
        this.setData({
          lang: res.language

        })
        console.log(res.language)
      }
    })

 

 

 

这么改一下就不报错了。

 1 onLoad: function () {
 2 wx.getSystemInfo({
 3 success: (res) => { 
 4 this.setData({ 箭头函数的this始终指向函数定义时的this
 5 lang: res.language
 6 
 7 })
 8 console.log(res.language)
 9 }
10 })

或者这样:

 onLoad: function () {
    var that=this;
    wx.getSystemInfo({
      success: function (res) {
        that.setData({
          lang: res.language

        })
        console.log(res.language)
      }
    })

 

 

微信小程序诡异错误this.setData报错

标签:微信   data   console   函数定义   ref   develop   nload   api   style   

原文地址:https://www.cnblogs.com/jjkv3/p/11371609.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!