微信小程序之this的指代

最新推荐文章于 2025-04-20 10:57:45 发布
最新推荐文章于 2025-04-20 10:57:45 发布
阅读量3k 收藏 8
点赞数 6
分类专栏： 微信小程序 文章标签： 微信小程序 前端 this javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42805389/article/details/89418811
版权
本文深入解析微信小程序中this关键字的使用场景与问题，特别是在wx.request中的应用。通过实例讲解了如何正确使用this.setdata更新data数据，避免常见错误。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

微信小程序之this的指代

首先我们要搞清楚this是用来干嘛的，this就是用来指代当前的对象的，一般说来在哪个对象里那么就指代哪个

  1. 在微信中是使用this.setdata来修改data数据的，但是当我们使用wx.request时，我们得到的数据要在wx.request中的success方法中来调用的，所以现在问题来了，如果我们直接用this.setdata的话会出现什么结果呢？
    在这里插入图片描述
    由上图可知如果直接调用会报错，下面我们来分析一下为什么会报错

  2. 根据我之前阐述的，this是指代当前对象的，所以我们来看一下报错时this所指的对象是什么？
    在这里插入图片描述
    这里可以看出直接调用时，this.setdata的this指向的是_requestObject(这里的_requestObject就是传给wx.request方法的对象数组，如下图所示)
    在这里插入图片描述

  3. 所以我们只有使用在Page函数里的那个对象才可以调用setdata方法，从而改变data数据的，也就是说让this指向下图这个对象时才可以调用setdata方法
    在这里插入图片描述

  4. 所以我们通过 var that = this将Page函数中的对象保存，然后再通过that.setdata()来达到修改data数据的目的

综上所述，当遇到this指代的对象改变时，可以通过将其赋值给另一个变量来解决（当然js中this指代的情况很复杂，这里只是其中的一类情况）

微信小程序项目快速开发
jimson_zhu的博客
11-03 708
一）何为微信小程序 张小龙说：小程序是一种不需要安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。 小程序能做什么：查天气、查交通、翻译、点餐、娱乐……都可以实现，覆盖了生活的方方面面。 小程序的定位：比网站体验好——可以使用手机原生的底层接口，比如...
为微信小程序扩展自定义babel编译功能
qq_33024515的博客
03-23 5366
摘要 一直以来，微信小程序都自带babel编译，帮我们解决微信小程序中的api和语法差异，其实吧，微信小程序的es6支持已经是比较完善的了，我们翻看官网的es6语法支持可以发现，小程序（下文小程序都指代微信小程序）本身除了proxy以及Array.values等方法之外，其他的es6的api大多数都已经原生支持了，但我们为什么还需要babel进行js的代码编译呢？ 一个是官方文档所说的平台差异...
微信小程序 this和that详解及简单实例
08-31
主要介绍了微信小程序 this和that详解及简单实例的相关资料,需要的朋友可以参考下
微信小程序中this指向
m0_60643169的博客
11-13 2784
this 在函数执行时，this 总是指向调用该函数的对象。要判断 this 的指向，其实就是判断 this 所在的函数属于谁。 this 出现的场景分为四类，简单的说就是： 有对象就指向调用对象 没调用对象就指向全局对象 用new构造就指向新对象 通过 apply 或 call 或 bind 来改变 this 的所指。 1）函数有所属对象时：指向所属对象 函数有所属对象时，通常通过 . 表达式调用，这时 this 自然指向所属对象。比如下面的例子： var myObject = {value:
微信小程序详解
最新发布
yolo
04-20 1044
前端概念下，客户端的类型：浏览器器、桌面端、APP端。是一种全新的用户与服务连接的方式。它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。
微信小程序开发——this指针的指向问题
xzsfg6825的博客
06-11 2710
在微信小程序及JS开发中，经常看到别人的代码中使用var that = this; 但一直不知道为啥要使用这么一句话，来重新获取this指针，直接使用this指针不香吗？还是在后来的项目工作中，慢慢有了一点点的理解。 （1）this指向 在函数执行时，this 总是指向调用该函数的对象。要判断 this 的指向，其实就是判断 this 所在的函数属于谁。 a. 函数有所属对象时，则指向所属对象 var object1 = { value: 100 }; // 函数有所属对象时，通过 . 表达式调用，
微信小程序中this关键字使用技巧
oldcoder2000的博客
06-24 1987
最近开发小程序发现一个很奇怪的问题，有些情况下用 this.setData 可以改变视图显示，有些情况下使用this.setData无效，需 const that = this; that.setData({ xx }); 使用 that 来保存当前的this状态，这样才能更新视图。 i...
微信小程序js程序中“this”的指向说明
weixin_53483426的博客
05-26 891
javaScript中this的简单说明
【微信小程序】开发与配置
领头羊的博客
07-26 2346
准备学习一下怎么开发微信小程序，主要是跟着微信官方文档进行学习，在这里记录一下。
微信小程序开发中 var that =this的用法
厦门在乎科技
09-16 1424
在微信小程序开发中，var that =this的声明很常见。举个例子，代码如下！ 示例代码1 1 //index.js 2 Page({ 3 4 data:{ 5 toastHidden:true, 6 }, 7 8 loadData:function(){ 9 varthat=this//这里声明了that；将this存在that里面 10 wx.request({ 11 url:'t...
微信小程序开发this关键字
03-14
在微信小程序开发过程中，`this` 是一个非常重要的关键字，它用于指代当前上下文的对象实例。以下是关于其具体使用场景及其作用的详细介绍： #### 1. **页面生命周期函数中的 `this`** 在小程序页面的生命周期函数...
微信小程序中的this
gmq_syy的博客
05-03 3665
在微信小程序中我们可以用this改变页面中的值： setPlain: function(e) { this.setData({ plain: !this.data.plain }) }, 但是在使用的过程中例如出现下面这种情况就会报错： /** * 页面的初始数据 */ data: { ID: 10 }, //在函数中更改...
微信小程序关于this
LuuvyJune的博客
03-18 2161
最近学习微信小程序，发现一个关于this的坑，记录一下： 代码： // pages/post/post-detail/post_detail.js var postsData = require("../../../data/posts-data.js"); Page({ /** * 页面的初始数据 */ data: { postData: {}, co...
微信小程序中的this指向
chuangfuzhi3073的博客
10-17 249
--------------------this------------- 第二个function里边this已经改变 ----------------------------------- Page({ c:function(){ var _this=this ...
微信小程序：回调函数中的this
程麒阁的博客
04-27 2190
this关键字 回调函数中的this： 我们首先看一段代码 JavaScript: sucess: function(res){ this.setData({ test:'HelloWorld!' }) } wxml: <view>{{test}}</view> 写完之后你在wxss端看不到test的任何变化？ 而且还会报错。。。 这是为...
小程序this.setData中的this指向问题
pspxuan的博客
09-21 1402
在学习以及开发小程序的过程中时发现： 很多时候在用this.setData时会出现问题。 解决方法： 一般都是在外面定义一个 变量 = this 那么来说一下问题的原因及解决的原理 一、为什么会this.setDate会不起作用 this.setData之所以起作用就是因为this指向于page（全局） 通过全局来设置 Data中的数据 而导致this.setData出错就是因为this没有指向p...
关于微信小程序的this指向性问题总结
toptopniba的博客
04-27 980
1、this指向的是当前函数的外层对象，当对象的外层发生改变this指的对象也会有所不同。3、指向的数据和函数一般都是用到最外层的this，单个函数内可以直接是调用函数和参数。4、this能做到的that也可以，为了少出bug可以多用that代替this。2、如果我们需要指到特定的对象，最好是用一个数据来存储当前的this指向。
2-19 微信小程序中this指向
u012717715的博客
05-29 3314
this 在函数执行时，this 总是指向调用该函数的对象。要判断 this 的指向，其实就是判断 this 所在的函数属于谁。 this 出现的场景分为四类，简单的说就是： 有对象就指向调用对象 没调用对象就指向全局对象 用new构造就指向新对象 通过 apply 或 call 或 bind 来改变 this 的所指。 1）函数有所属对象时：指向所属对象 函数有所属对象时，通常通过...
微信小程序中 this的指向和更改this的指向
weixin_41040445的博客
03-05 4238
之前总结过函数上下文this 这里简单说说小程序中涉及到的this指向 以及 如何更改this的指向 this的指向 概述 在 JavaScript 中 this 是一个特定的关键字，它永远指向的是一个对象，并且 this 还有一个比较特殊的含义，叫执行上下文，代表着函数的执行者。总结 this 指向的是一个对象 this 的指向只跟函数执行时有关，跟函数定义时无关。 全局下的this 全局下的 this 指向 window //window console.log( this ) fu..
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值