异常处理——this.setData is not a function报错处理

原创已于 2025-08-28 17:55:37 修改 · 1.1w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #setData

于 2018-03-21 14:49:34 首次发布

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

53 篇文章

订阅专栏

网络请求成功后，设置数据时，报错，内容如下：

this.setData is not a function;at pages/index/index onLoad function;at api request success callback function
TypeError: this.setData is not a function

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

番薯大佬

关注关注

4
点赞
踩
4

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

【微信小程序】—— TypeError: r.complete is not a function

LimonSea的博客

08-15

5566

我遇到这个错真的找不出来，不知道为什么错，也没有报第几行第几列。我承认是我js基础太薄弱，没怎么实战就上手小程序，记录一下自己经历的坑吧。。希望对看到这篇文章的你能有所帮助~ 首先我的page的data（页面初始数据）是这样写的： data: { user: { username: app.globalData.username, userid: ap...

tinymce 编辑器踩坑之旅----------自定义插件

weixin_44191425的博客

10-21

4747

先贴个官网地址 https://www.tiny.cloud/docs/ 最近开发项目中产品有很多需求，比如说在编辑器里面html代码，本来一开始用的是vue集成的那个编辑器，然后就发现，不能显示table！！！！样式无奈之下找了找好像tinymce这个编辑器可以满足，但是在此之前没用过，所以去通读了一边官方网址，了解了一些基本东西。然后开干最开始么肯定是先安装一下插件 npm install tinymce/tinymce-vue --save npm install tinymce --s

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

微信小程序 this.setData is not a function

weixin_30949361的博客

06-23

671

在一般的函数中： bindFaChange1: function (e) { console.log('picker发送选择改变，携带值为', e.detail.value) this.setData({ index1: e.detail.value }) } this.setData是正确的。但当在函数中有个请求(wx.req...

【微信小程序】报错TypeError: this.setData is not a function

qq_40905896的博客

02-28

3568

2020年2月13日 0次阅读共913个字 0条评论 0人点赞 QueenDekimZ WX Developer Kits Debug open() { this.setData({ camera: true, login_res: "登录中..." }) type = "takePhoto"; let ctx = wx.createCameraContext(this) let that = this time = setInterval(function () { if (ty

原生微信小程序：用 `setData` 正确修改数组中的对象项状态（附实战技巧）

deary

06-24

596

在微信小程序开发中，合理更新数组对象字段至关重要。推荐使用动态key精准更新（setData({[lists[${idx}].show]: !value})），而非直接修改数组引用。前者性能更优、不污染数据、适合复杂场景；后者会导致全量渲染并破坏响应式结构。可封装updateField工具函数提升复用性。建议中大型项目优先采用精准更新方法，以优化性能和维护性。

微信小程序报错：this.setData is not a function的解决办法

08-29

主要介绍了微信小程序报错：this.setData is not a function的解决办法的相关资料,希望通过本文能帮助到大家解决这样类似的问题，需要的朋友可以参考下

小程序之坑一TypeError: this.setData is not a function

ying_zcx的博客

03-14

8957

最近在研究微信小程序，在与后台交互取数据的时候遇到了这个错误，TypeError: this.setData is not a function，表面看是类型错误，可是取到的数据没有错误，那为什么会报这个错误呢？原因就是this关键字，不能直接在请求的回调函数里写this，应该在请求外声明一个变量，接收onload函数的this,这样就不会报错了

微信小程序错误-TypeError: this.setData is not a function

vimpirespider的博客

04-27

3450

TypeError: this.setData is not a function错误。

this.$nextTick is not a function 小程序

09-03

- *1* *3* [微信小程序中this指向作用域问题this.setData is not a function报错](https://blog.csdn.net/weixin_43294092/article/details/107306545)[target="_blank" data-report-click={"spm":"1018.2226.3001....

OpenGL自检排错代码的实现及其思路_艾孜尔江撰

热门推荐

艾孜尔江的博客

03-02

4万+

我们在编写OpenGL中的一些函数的时候经常会出现很奇怪的事情——明明所有的地方写的都好好的，但是最终在控制台上输出的结果确实一片黑色，然而没有任何地方提示我们该怎么办，在这样的情况下我们很难通过各种排错的方式去找到控制台上无法输出正确图像的原因，甚至会耗费掉至少半天的时间去肉眼查一个很不起眼的错误，比如，变量的类型在函数中传入错误，然而IDE工具也好，所使用的第三方库也好，甚至是OpenGl自身...

ym——Andorid-15k+的面试题。

陈宇明

08-07

3万+

最近才开的博客，希望大家多多关注，andorid开发也做了3年有余了，也面试很多加企业，借此机会分享一下，我们中遇到过的问题以及解决方案吧，希望能够对正在找工作的andoird程序员有一定的帮助。学完本人博客发表《ym--andorid从零开始教程》+面试题目全理解，年薪18w以上绝对没问题。特别献上整理过的50道面试题目 1.listView的优化方式重用conve

this.setData is not a function 错误

一起来学习嵌入式！

11-24

6834

今天在做微信小程序开发的时候，遇到这个错误：this.setData is not a function

TypeError: this.setData is not a function

Makka_Pakkaa的博客

03-08

546

看了很多相似的问题，但他们都要么是拼写错误要么是在回调函数里，我这个是哪里的问题啊。再看到报错要心肌梗塞了/(ㄒoㄒ)/~~

小程序填坑--TypeError: this.setData is not a function

MaNong_girl的博客

11-22

1046

this关键字，不能直接在请求的回调函数里写this，应该在请求外声明一个变量，接收onload函数的this,这样就不会报错了或者尝试使用ES6的箭头函数

微信小程序报错TypeError: this.setData is not a function

weixin_30347335的博客

01-29

584

今天在练习小程序的时候，遇到小程序报错对于处于小白阶段的我，遇到这种报错，真还不知道是错从何来，只有一脸蒙逼，后来通过查询，终于知道了问题所在，下面对这一问题做一记录 小程序默认中是这么写的 onLoad:function(e){ 　　this.setData({ 　　name:app.name 　　}) } 这个this就没问题自己写的 ononon...

论微信小程序的坑：thirdScriptError TypeError: this.setData is not a function

cyxevil的博客

08-24

4万+

一枚一起学习，一起进步的小白

微信小程序报错：this.setData无法使用（this.setData is not a function）

2402_82469624的博客

05-25

649

解决方法：

异常处理 _this.setData is not a function

weixin_30576827的博客

04-13

320

_this.setData is not a function;at api request success callback function TypeError: _this.setData is not a function setData 不是 setDate 转载于:https://www.cnblogs.com/xww115/p/10702091.htm...

微信小程序 this.setData({]）报错 TypeError: this.setData is not a function

不再更新，新博客 chgl16.space

09-10

4232

在微信小程序中js提供了修改布局状态的函数 this.setData({element: property}) 但是有时候调用这个 Console 会报错类似这样，在回调函数中调用了它就报错，普通函数这样是没有问题的。【具体不明白微信的底层原因】回调函数有如： setTimeout(arg1, arg2, [arg3]), setInterval(....) 之类的 ...

TypeError: at getUserProfile success _this.setData is not a function

最新发布

09-03

<think> 我们遇到的问题是在微信小程序的 `getUserProfile` 接口的成功回调函数中，使用 `this.setData` 时出现错误：`TypeError: _this.setData is not a function`。根据提供的引用内容，这个错误通常是由于在回调函数中 `this` 的指向发生了变化，导致 `this` 不再指向页面实例。在微信小程序中，`this` 在回调函数（如 `success`、`fail`、`complete`）中通常指向的是回调函数本身的上下文，而不是页面实例。因此，如果我们直接在回调函数中使用 `this.setData`，会因为 `this` 没有 `setData` 方法而报错。引用[1]和[2]提供了解决方法：在进入外层函数时，将 `this` 赋值给一个局部变量（通常命名为 `that` 或 `self`），然后在回调函数中使用这个局部变量来调用 `setData` 方法。具体到我们的场景，就是在调用 `wx.getUserProfile` 之前，将 `this` 保存到一个变量（比如 `that`）中，然后在 `success` 回调函数中使用 `that.setData`。示例代码： ```javascript // 在Page的某个方法中调用getUserProfile onGetUserProfile: function() { // 保存当前页面实例的this var that = this; wx.getUserProfile({ desc: '获取用户信息', success: function(res) { // 这里使用that，因为that指向的是外层的页面实例 that.setData({ userInfo: res.userInfo }); }, fail: function(err) { console.error(err); } }); } ``` 注意：如果使用了箭头函数，箭头函数不会改变 `this` 的指向，所以可以直接使用 `this`。但是微信小程序的API回调函数不支持箭头函数（因为它是普通函数，不是箭头函数），所以我们不能直接改变回调函数的定义方式。但是，我们可以将回调函数写成箭头函数的形式（如果我们的开发环境支持ES6并且编译后能正确运行）。但是，在微信小程序的开发环境中，我们通常使用ES5的写法，所以推荐使用 `that` 的方式。另外，引用[3]和[4]也提到了同样的问题，即在 `wx.request` 的回调函数中也会出现，解决方法相同。所以，针对 `getUserProfile` 的成功回调中出现的 `_this.setData is not a function` 错误，我们可以通过保存 `this` 的引用来解决。如果问题仍然存在，请检查保存 `this` 的变量（`that`）是否在回调函数的作用域内，以及是否正确地指向了页面实例。下面是一个完整的示例： ```javascript Page({ data: { userInfo: null }, onLoad: function() { // 页面初始化 }, // 按钮点击事件处理函数 onGetUserInfo: function() { var that = this; // 保存this wx.getUserProfile({ desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，不超过30个字符 success: function(res) { // 成功回调 that.setData({ userInfo: res.userInfo }); }, fail: function(err) { console.error('获取用户信息失败', err); } }); } }); ``` 这样，在成功回调中，我们使用的是 `that.setData`，而 `that` 指向的是页面实例，因此就不会再报错了。如果还有疑问，请确认代码中是否在回调函数之前正确声明了 `that` 并且赋值了 `this`。另外，如果使用了ES6的箭头函数，可以这样写（注意：微信小程序基础库2.3.0以上支持）： ```javascript wx.getUserProfile({ desc: '用于完善会员资料', success: (res) => { // 箭头函数不会改变this的指向，所以这里的this还是指向页面实例 this.setData({ userInfo: res.userInfo }); }, fail: (err) => { console.error('获取用户信息失败', err); } }); ``` 使用箭头函数可以避免保存 `that` 的步骤，但要注意箭头函数的兼容性。综上所述，解决 `TypeError: at getUserProfile success _this.setData is not a function` 的方法有两种： 1. 使用临时变量（如 `that`）保存 `this`，然后在回调函数中使用该变量。 2. 使用箭头函数（注意基础库版本要求）。推荐第一种方法，因为兼容性更好。如果问题仍未解决，请检查是否有其他因素干扰（如异步操作等）。 </think> ### 解决 `TypeError: at getUserProfile success _this.setData is not a function` 错误此错误发生在微信小程序调用 `getUserProfile` 接口时，其 `success` 回调函数中 `this.setData` 指向失效。核心原因是 **回调函数的 `this` 作用域丢失**，导致无法访问页面实例的方法。以下是详细解决方案： --- ### 解决方法（三种方案任选其一） #### 方案 1：使用临时变量保存 `this`（推荐） ```javascript getUserProfile() { // 关键：在第一层函数保存 this const that = this wx.getUserProfile({ desc: "获取用户信息", success(res) { // 使用 that 替代 this that.setData({ userInfo: res.userInfo, hasUserInfo: true }) }, fail(err) { console.error("获取失败", err) } }) } ``` **原理**：在函数第一层声明 `that = this` 保存页面实例，回调函数通过闭包访问 `that`（引用[1][^1], [2][^2]）。 --- #### 方案 2：使用箭头函数（ES6） ```javascript getUserProfile() { wx.getUserProfile({ desc: "获取用户信息", // 箭头函数继承外层 this success: (res) => { this.setData({ userInfo: res.userInfo }) } }) } ``` **原理**：箭头函数没有自己的 `this`，直接继承外层作用域的 `this` 值（无需额外变量）[^3]。 --- #### 方案 3：使用 `bind` 绑定作用域 ```javascript getUserProfile() { wx.getUserProfile({ desc: "获取用户信息", success: function(res) { this.setData({ userInfo: res.userInfo }) }.bind(this) // 显式绑定 this }) } ``` **原理**：通过 `bind(this)` 强制将回调函数的 `this` 绑定到页面实例[^4]。 --- ### 错误重现示例（需避免） ```javascript // ❌ 错误写法：回调内 this 指向错误 getUserProfile() { wx.getUserProfile({ success(res) { // 此时 this 指向 success 函数的上下文 this.setData(...) // TypeError: _this.setData is not a function } }) } ``` --- ### 关键注意事项 1. **作用域层级** `that=this` 必须在第一层函数声明，若写在嵌套函数内部仍会失效（引用[2][^2]）： ```javascript // ❌ 错误：that 声明在第二层 getData() { wx.request({ success() { var that = this // 无效！ that.setData(...) // 仍报错 } }) } ``` 2. **异步回调通用规则** 所有微信小程序异步 API（`wx.request`、`wx.login` 等）的回调函数都可能存在此问题，需统一处理作用域。 3. **真机调试** 部分 IDE 模拟器不会报错，但真机必现，务必用真机测试。 --- ### 调试技巧 ```javascript success(res) { console.log(this) // 打印 this 验证指向 // 若输出非页面实例（如 Object{...}），说明作用域错误 } ``` > 通过上述方案可彻底解决作用域丢失问题。方案 1 兼容性最佳，方案 2 代码最简洁，推荐根据项目 ECMAScript 版本选择[^1][^2][^3][^4]。