时间：2021-07-31 08:03:43 | 栏目：JavaScript代码 | 点击：次
先说原因：
function声明的函数和箭头函数的作用域不同，这是一个不小心坑的地方。可参考箭头函数说明：
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions
所以对于这个结果，还是换回es5的function函数去写最好了。
箭头函数和function的区别：
这么写会报错
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)
}
})
这么改一下就不报错了。
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 {...}