微信小程序错误this.setData报错及解决过程

先说原因：

function声明的函数和箭头函数的作⽤域不同，这是⼀个不⼩⼼坑的地⽅。可参考箭头函数说明：所以对于这个结果，还是换回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 functionTypeError: this.setData is not a functiononLoad: function () { wx.getSystemInfo({

success: function (res) { this.setData({

lang: res.language })

console.log(res.language) } })

这么改⼀下就不报错了。

onLoad: function() { wx.getSystemInfo({ success: (res) = >{

this.setData({箭头函数的this始终指向函数定义时的this lang: res.language }) console.log(res.language) } })

或者这样：

onLoad: function () { var that=this;

wx.getSystemInfo({

success: function (res) { that.setData({

lang: res.language })

console.log(res.language) } })

可以⽤如下⽰例说明：

'use strict';var obj = { i: 10,

b: () => console.log(this.i, this), c: function() {

console.log(this.i, this); }}

obj.b(); // prints undefined, Window {...} (or the global object)obj.c(); // prints 10, Object {...}

以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。