微信小程序错误this.setData报错及解决过程
网络编程 2021-07-04 15:01www.168986.cn编程入门
这篇文章主要介绍了微信小程序错误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 suess callback function TypeError: this.setData is not a function
onLoad: function () { wx.getSystemInfo({ suess: function (res) { this.setData({ lang: res.language }) console.log(res.language) } })
这么改一下就不报错了。
onLoad: function() { wx.getSystemInfo({ suess: (res) = >{ this.setData({箭头函数的this始终指向函数定义时的this lang: res.language }) console.log(res.language) } })
或者这样:
onLoad: function () { var that=this; wx.getSystemInfo({ suess: 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 {...}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持狼蚁SEO。
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程