微信小程序this的坑和微信小程序中this关键字使用技巧和微信小程序中的this指向问题（转载）

最新推荐文章于 2025-02-06 19:57:23 发布

转载最新推荐文章于 2025-02-06 19:57:23 发布 · 756 阅读

3 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/qq_27617675/article/details/82457666

文章标签：

#微信小程序 #javascript #this

微信小程序专栏收录该内容

4 篇文章

订阅专栏

本文深入探讨了微信小程序中this关键字的使用技巧和常见问题，分析了this在不同上下文中的指向，帮助开发者理解并避免相关陷阱。

微信小程序this的坑

https://blog.youkuaiyun.com/qq_27617675/article/details/82457666

微信小程序中this关键字使用技巧

https://blog.youkuaiyun.com/qq_33956478/article/details/81348453

微信小程序中的this指向问题

https://blog.youkuaiyun.com/liya_nan/article/details/82252195

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ligongdao

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

this作用域问题，微信小程序使用this.setData报错：this值undefined问题

2301_78409414的博客

05-26

787

this作用域问题，微信小程序使用this.setData报错：this值undefined问题

小程序wx:key中的关键字*this

weixin_34417635的博客

06-14

402

“保留关键字 *this 代表在 for 循环中的 item 本身，这种表示需要 item 本身是一个唯一的字符串或者数字，如果是对象则不可以 data：{ 　　array：[1,2,3,4,5], 　　objs:[{id:1},{id:2},{id:3}，{id:4}] } <block wx:for="{{array}}" wx:key="*this"> 　　&...

参与评论您还未登录，请先登录后发表或查看评论

微信小程序中this指向

m0_60643169的博客

11-13

2832

this 在函数执行时，this 总是指向调用该函数的对象。要判断 this 的指向，其实就是判断 this 所在的函数属于谁。 this 出现的场景分为四类，简单的说就是：有对象就指向调用对象没调用对象就指向全局对象用new构造就指向新对象通过 apply 或 call 或 bind 来改变 this 的所指。 1）函数有所属对象时：指向所属对象函数有所属对象时，通常通过 . 表达式调用，这时 this 自然指向所属对象。比如下面的例子： var myObject = {value:

2-19 微信小程序中this指向

u012717715的博客

05-29

3362

小程序的 *this

ZHXT__的博客

07-12

1079

我们都知道在使用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="

微信小程序js程序中“this”的指向说明

weixin_53483426的博客

05-26

1041

javaScript中this的简单说明

微信小程序 this和that详解及简单实例

08-31

在微信小程序开发中，`this` 和 `that` 是两个重要的概念，特别是在处理异步操作如网络请求时。本文将详细解析这两个关键字的用法及其在小程序中的应用场景，并通过实例来帮助开发者理解。首先，`this` 在 ...

微信小程序中为什么使用var that=this

12-09

在微信小程序或JavaScript开发中，`var that = this` 的使用常常被用来保存函数外部的上下文引用，尤其是在处理异步操作、事件处理或者在闭包中时。这个做法可以帮助开发者确保在函数内部仍然能够访问到正确的 `this...

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

01-20

在微信小程序开发过程中，开发者可能会遇到“this.setData is not a function”的错误，这通常是由于JavaScript中的作用域问题导致的。本文将深入解析这个问题的原因，并提供有效的解决方案。首先，我们需要了解...

微信小程序methods中定义的方法互相调用的实例代码

10-18

这展示了一个简单的方法调用过程，以及如何在微信小程序中利用`this`关键字访问和调用其他方法。理解和掌握这一机制，对于开发微信小程序中的逻辑处理是基础且重要的。 微信小程序的开发环境提供了强大的调试工具，...

微信小程序中this关键字使用技巧

weixin_34067102的博客

01-22

364

转自：https://blog.youkuaiyun.com/qq_33956478/article/details/81348453 微信小程序中，在wx.request({});方法调用成功或者失败之后，有时候会需要获取页面初始化数据data的情况，这个时候，如果使用，this.data来获取，会出现获取不到的情况，调试页面也会报undefiend。原因是，在javascript中，this代表着当前对...

深入理解微信小程序中的 this 回调问题

最新发布

m0_57836225的博客

02-06

854

透彻领悟微信小程序中的this回调问题，实则是为编写强韧可靠的小程序代码筑牢根基。无论是借助箭头函数的精妙特性，还是依靠保存this引用的稳妥策略，目的皆为确保在异步回调的汹涌浪潮中，开发者依旧能够精准无误地驾驭 Page 实例的数据与方法之舟。遵循上述最佳实践，如同在代码海洋中扬起顺风之帆，所编写的小程序代码将愈发清晰明朗、易于维护，彻底告别因this指向错乱导致的暗礁险滩。希望这篇精心雕琢的博客，能化作您小程序开发路上的得力伙伴，为您答疑解惑，助力前行！

关于微信小程序的this指向性问题总结

toptopniba的博客

04-27

1010

1、this指向的是当前函数的外层对象，当对象的外层发生改变this指的对象也会有所不同。3、指向的数据和函数一般都是用到最外层的this，单个函数内可以直接是调用函数和参数。4、this能做到的that也可以，为了少出bug可以多用that代替this。2、如果我们需要指到特定的对象，最好是用一个数据来存储当前的this指向。

微信小程序的this和that的用法

滴水石穿

03-05

1773

在微信小程序中我们一般通过以下方式来修改data中的数据 this.setData({ index1: e.detail.value }) 比如在函数里面修改数据 bindFaChange1: function (e) { this.setData({ index1: e.detail.value }) } 但是当我们通过wx.request请求网络数据成功后绑定数据时候报以下错误 this.setData is not a function 代码如下

掌握微信小程序 this 指向，轻松编写高质量代码

希望看完文章的你能够带着答案离开。

03-07

2881

掌握微信小程序 this 指向，轻松编写高质量代码

小程序this指向问题

Liubo的博客

07-24

1824

在小程序js里面，在回掉函数里面写this，例如这样： success: function(res) { console.log(this) } 会输出 NULL 也就是说找不到 this 解决办法 success: (res) => { console.log(this) } 或者这样写 let _this = this ...... su...

微信小程序wx:for的*this的意思

nzkzn的博客

11-16

438

在wx:for循环中，*this代表当前循环项的整个对象，相当于访问当前项的所有属性，而不需要显式定义变量名。它是一种简洁的语法，通常在需要访问当前循环对象的多个属性时非常方便。

wx:key=“ *this“：原生微信小程序wx:key以及wx:key=“ *this“详解：

小福气的博客

07-16

3466

今天写微信小程序无意中看到控制台给出了这样一行提示：求解百度才知道，给大家分享一下： 1.wx:for定义官方文档：在组件上使用wx:for控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为index，数组当前项的变量名默认为item 人话：根据已有数据来迭代生成组件的一个方法。学前端的同学肯定不会陌生了，V-for、ng-repeat都是一样的原理，可是在这里为什么会报错呢，往下看 2.wx:key定义官方文档：如果列表中项目...

【微信小程序开发】this关键字引发的问题

迷途小书童的博客

08-24

231

不能直接在请求的回调函数里写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指向问题（

探索微信小程序中的one-wepy开发实践

标题 "小程序onewepy版本" 和描述 "小程序-one(wepy版本)" 指向了一个使用了WePY框架开发的微信小程序版本。WePY是一个类 Vue.js 的轻量级框架，它让开发者可以使用类似于 Vue.js 的语法来编写微信小程序。这种框架...