微信小程序错误this.setData报错及解决过程
更新时间：2019年09月18日 16:57:08 作者：岌岌可危
这篇文章主要介绍了微信小程序错误this.setData报错及解决过程,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
先说原因：
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)
}
})
这么改一下就不报错了。
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 {...}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了js实现简单排列组合的方法,可实现数学上排列组合算法功能,涉及JavaScript数组与字符串操作技巧,需要的朋友可以参考下2016-01-01
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
下面小编就为大家带来一篇原生JS实现风箱式demo,并封装了一个运动框架(实例代码)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
下面小编就为大家带来一篇JS数组操作中的经典算法实例讲解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
本文给大家汇总介绍了3中使用javascript实现将文件保存到本地的方法，非常的简单实用，有需要的小伙伴可以参考下。2015-07-07
用javascript模仿ie的自动完成类似自动完成功的表单
最近在写一个javascript框架,看见网上有不少自动完成功能的表单,于是用javascript写了一个，需要的朋友可以参考下2012-12-12
javascript中RegExp保留小数点后几位数的方法分享
文章介绍一篇关于javascript中RegExp保留小数点后几位数方法，有需要了解的朋友可以参考一下2013-08-08
这篇文章主要介绍了ES6中module模块化开发,结合实例形式分析了ES6中模块化开发的相关功能、使用方法与相关注意事项,需要的朋友可以参考下2017-04-04
这篇文章主要给大家介绍了关于微信小程序textarea层级过高问题的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-03-03
这篇文章主要为大家详细介绍了JavaScript滚动轮播图制作原理，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
在输入框里面预设一段提示文字，当焦点在输入框的时候清空这段文字，这在目前来说已经不是什么新鲜事了。2011-03-03
最新评论