小程序的问题解囊(1)-关于this的使用

最新推荐文章于 2024-05-26 16:04:17 发布
最新推荐文章于 2024-05-26 16:04:17 发布
阅读量721 收藏
点赞数
文章标签： 小程序 前端 javascript Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45796803/article/details/128709780
版权
本文探讨了在小程序开发中遇到的this使用问题，重点比较了箭头函数和常规函数中this的差异。文章指出，由于箭头函数的this绑定定义时的上下文，而在标准函数中，this绑定的是调用时的执行上下文。因此，在小程序的事件响应函数中，建议使用常规函数定义以确保this的正确指向，避免出现undefined错误。
摘要由CSDN通过智能技术生成

初次接触小程序的开发，注意到给api传参的时候都需要定义success函数。

开发过程中，有时会直接从开发者文档的api使用示例中直接拷贝文档（比如以下的wx.getUserProfile的代码就是直接拷贝过来的），但是拷贝的时候会发现，代码中success函数的定义方式有两种情况：一种是使用函数的常规定义方式，另一种是用箭头函数的方式定义。在这2种不同的函数定义之下，this引用的值不一样。

理解具体的原因，需要结合Javas

最低0.47元/天 解锁文章
小代码001
关注
微信小程序关于this
LuuvyJune的博客
03-18 2097
最近学习微信小程序，发现一个关于this的坑，记录一下： 代码： // pages/post/post-detail/post_detail.js var postsData = require("../../../data/posts-data.js"); Page({ /** * 页面的初始数据 */ data: { postData: {}, co...
小程序 this
qq_41082746的博客
08-09 200
在微信小程序中我们一般通过以下方式来修改data中的数据 bindFaChange1: function (e) { this.setData({ index1: e.detail.value }) } 但是当我们通过wx.request请求网络数据成功后绑定数据时候报以下错误 this.setData is not a function 代码如下： ...
小程序中的this指代
qq_37002901的博客
05-10 318
在回调函数中不能使用this指代，要使用var that = this
微信小程序js程序中“this”的指向说明
最新发布
weixin_53483426的博客
05-26 547
javaScript中this的简单说明
小程序的 *this
ZHXT__的博客
07-12 997
我们都知道在使用for循环的时候, 需要加上key作为唯一的标志符, 在小程序中可以用 *this, 达到相同的目的,但是值得的注意的是, 这个不能是对象 “保留关键字 *this 代表在 for 循环中的 item 本身，这种表示需要 item 本身是一个唯一的字符串或者数字，如果是对象则不可以 data：{ 　　array：[1,2,3,4,5], 　　objs:[{i:1},{i:2},{i:3}，{i:4}] } <block wx:for="{{array}}" wx:key="
java官方源码-the-real-functional-[removed]使用JavaScript进行函数式编程的官方源代码
05-20
该存储库将作为课程学习的指南，并在完成后作为您的参考，因为它包含.js和.ts版本的任何讲座中使用的每个文件。 如果您除了购买本课程之外，还想为这项工作（或我的其他任何工作）做出经济上的贡献，我确实非常感谢...
小升初--四大名著常考知识点.doc
10-07
3. 桃园三结义的刘备、关羽、张飞，刘备使用双股锏，关羽使青龙偃月刀，张飞使丈八蛇矛枪。 4. 《三国演义》的开篇词“滚滚长江东逝水，浪花淘尽英雄”描绘了历史的沧桑。 5. 与三国相关的成语或俗语：三顾茅庐、...
matlab视网膜图像分割代码-Chap_1:第1章
06-12
1 月 6 日）：评估结果可用 [此处] ()（Pred 是变量名称）它对应于 [temp.mat] () （更新：Pretrained models_multiclass & models（只有trees as github forbids > 25MB file）发布进行评估，注意训练新模型会删除...
chimery:使用钟声将您的一天分成几部分的应用程序
07-01
嵌合体 跆拳道？ Chimery 是一款小型软件，可让您在一天中定期设置钟声... Chimery 使用的徽标图像来自 ，他在公共领域慷慨地创建剪贴画并将其上传到以供全世界使用。 ，它源自他们上传，在活动工作会议期间，Chime
微信小程序中的this
gmq_syy的博客
05-03 3606
在微信小程序中我们可以用this改变页面中的值： setPlain: function(e) { this.setData({ plain: !this.data.plain }) }, 但是在使用的过程中例如出现下面这种情况就会报错： /** * 页面的初始数据 */ data: { ID: 10 }, //在函数中更改...
微信小程序中this指向
m0_60643169的博客
11-13 2716
this 在函数执行时，this 总是指向调用该函数的对象。要判断 this 的指向，其实就是判断 this 所在的函数属于谁。 this 出现的场景分为四类，简单的说就是： 有对象就指向调用对象 没调用对象就指向全局对象 用new构造就指向新对象 通过 apply 或 call 或 bind 来改变 this 的所指。 1）函数有所属对象时：指向所属对象 函数有所属对象时，通常通过 . 表达式调用，这时 this 自然指向所属对象。比如下面的例子： var myObject = {value:
微信小程序开发——this指针的指向问题
xzsfg6825的博客
06-11 2495
在微信小程序及JS开发中，经常看到别人的代码中使用var that = this; 但一直不知道为啥要使用这么一句话，来重新获取this指针，直接使用this指针不香吗？还是在后来的项目工作中，慢慢有了一点点的理解。 （1）this指向 在函数执行时，this 总是指向调用该函数的对象。要判断 this 的指向，其实就是判断 this 所在的函数属于谁。 a. 函数有所属对象时，则指向所属对象 var object1 = { value: 100 }; // 函数有所属对象时，通过 . 表达式调用，
小程序app.js小结
weixin_30895603的博客
08-09 111
小程序app.js app.js import { ApiUrl } from 'utils/apiurl.js'; import { httpReq } from 'utils/http.js'; /*以上两个文件为封装的请求数据的接口，文件内容我会放在最后，不用这俩文件的可以安装wx.request（微信开发文档提供方法来请求），这两个文件也是在原方法上做了改...
小程序中 that和this用法
abe19940709的博客
04-09 69
微信小程序中，在wx.request({});方法调用成功或者失败之后，有时候会需要获取页面初始化数据data的情况，这个时候，如果使用，this.data来获取，会出现获取不到的情况，调试页面也会报undefiend。原因是，在javascript中，this代表着当前对象，会随着程序的执行过程中的上下文改变，在wx.request({});方法的回调函数中，对象已经发生改变，所以已经不是wx.request({});方法对象了，data属性也不存在了。官方的解决办法是，复制一份当前的对象。
小程序方法中的this无效问题
weixin_34342992的博客
09-14 1184
在编写小程序的时候经常会碰到 this.setData 往往报this没有setData 这个方法 随笔记录一下：1.检查是否使用了箭头函数 在es6中使用了=>声明方法 this指向的就是定义的对象 2.使用了微信的api（wx.xxx({this.setData})） 那么这个this指向的是微信的 api 需要在api调用前定义一个变量来接搜this 如： ...
微信小程序中this关键字使用技巧
oldcoder2000的博客
06-24 1907
最近开发小程序发现一个很奇怪的问题，有些情况下用 this.setData 可以改变视图显示，有些情况下使用this.setData无效，需 const that = this; that.setData({ xx }); 使用 that 来保存当前的this状态，这样才能更新视图。 i...
掌握微信小程序 this 指向，轻松编写高质量代码
Shids_的博客
03-07 2631
掌握微信小程序 this 指向，轻松编写高质量代码
【微信小程序开发】this关键字引发的问题
迷途小书童的博客
08-24 186
不能直接在请求的回调函数里写this，应该在请求外声明一个变量， 或者ES6箭头函数 onLoad(){ wx.request({ url: 'http://127.0.0.1:8088/wm/cps/getMsg', method: 'GET', dataType: 'json', data: { type: 1 }, success:(res) => { //此处运用箭头函数解决this指向问题 （
写一篇学雷锋义卖报纸的温昂
04-25
有些人看起来并不富裕，但他们也会慷慨解囊支持我们。我们也会向他们介绍雷锋的精神，让更多人了解这位伟大的人民志愿者。 整个义卖过程，我们尽力用自己的行动诠释着雷锋之道，让更多人了解并践行这一精神。我们...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值