小程序中 getAPP()返回undefined

原创 于 2024-09-20 17:20:08 发布 · 382 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#uniapp

解决方法加一个定时器 在定时期内调用其他函数
onLaunch() {
setTimeout(() => {
// … 调用其他函数
});

解决uniapp+vue3 getAppWebview为undefined的问题
wz9608的博客
08-01 6078
例如要做一个截屏分享的功能，从vue2转过来都是this.$mp.getAppWebview()，在vue3下编译出来为空,获取instance之后。里面也没有这个方法这个是原写法。
微信小程序---分包
liuye066的专栏
11-08 864
使用场景：开发各种小程序时候遇到主包过大，无法上传的情况。
uniapp在组件中调用getApp()为undefined
Lyn1421的博客
08-17 2059
我理解可能是这个组件在首页，globalData还未初始化完整我就就调用了。
微信小程序获取全局变量获取不到，只得到undefined
Aurora_1970s的博客
04-12 6015
首先申明全局变量在app.js中申明，如下格式： App({ globalData: { // 当前正在播放的歌曲对象 nowPlayingSong: {}, // 播放列表 playingSongList: [], // 播放模式 random,singleloop,order,listloop，默认随机播放 playingSongMode: 'random' }, onLaunch: function () { 在app.js页面调用的话直接
微信小程序项目遇见问题三：有时候undefined不一定就是undefined | 解决微信小程序每次request请求，Cookie不一样 | request 获取不到返回值
热门推荐
全网同名：PBitW！ 可以去掘金关注我！
10-06 1万+
一、有时候undefined不一定就是undefined的 二、解决微信小程序每次request请求，Cookie不一样 三、request 获取不到返回值
【uniapp】[warn]: getApp() failed. 问题解决
weixin_38792911的博客
08-25 4791
问题描述： [warn]: getApp() failed. Learn more: https://uniapp.dcloud.io/collocation/frame/window?id=getapp. 通过查阅文档（上述给出的链接）我们可以得知：不能在定义App()中使用，也不能在未调用App之前调用getApp() 那么我们只需要查找哪里调用了getApp()，然后看调用是否符合规范就OK了 以我本次为例，wx小程序直接转uniapp，涉及了一个自定义的导航栏，这个导航栏单独列出来在其他的文件夹，
搞清楚微信小程序中的《程序app与页面page》
m0_58859743的博客
07-12 2108
从逻辑组成来说，一个小程序是由多个“页面”组成的“程序”。这里要区别一下“小程序”和“程序”的概念，往往我们需要在“程序”启动或者退出的时候存储数据或者在“页面”显示或者隐藏的时候做一些逻辑处理，了解程序和页面的概念以及它们的生命周期是非常重要的。...
钉钉小程序摸索二：钉钉小程序开发过程中错误解决过程
xiangyihu的专栏
03-16 2446
钉钉小程序开过程中作为小白，很容易遇上各种问题，今天我就以自己开发过程的遇到的问题总结下解决过程或者思路，有小白的同学可以做下参考，发布文章不易，请点赞一下鼓励下，谢谢。 目录： TypeError: my.request is not a function at Object.onSubmit 钉钉UI组件 钉钉接口请求 1、钉钉开发过程中接口请求返回TypeError: my.request is not a function at Object.onSubmit x...
小程序中遇到的各种重难点（md5加密解密）
qq_43583887的博客
07-26 3023
提示：持续更新一些在小程序中遇到重难点，文章内容很多其他博主也写了，建议点击链接观看原文。 文章目录前言this.data和this.setData区别和使用（重点）this的指向问题（重点）page与page（{}）外部声明定义的参数方法bindtap与catchtap的区别（重点）小程序执行顺序e.currentTarget.dataset和e.target.dataset区别和使用（重点）小程序页面间如何进行传递数据（重点）小程序接收与传递给服务的数据格式 前言 工作接触小程序了，主要会记录小程序
小程序中this.getTabBar()输出为undefined怎么解决
05-27
在小程序中，`this.getTabBar()` 方法只能在自定义 TabBar 的页面中使用，用于获取自定义 TabBar 实例。如果在非自定义 TabBar 的页面中使用该方法，会返回 undefined。 如果你需要在非自定义 TabBar 的页面中使用 ...
微信小程序getApp()和App()方法详解
weixin_47518648的博客
08-30 1万+
一、App() App(）是注册一个小程序，小程序的入口方法，写在app.js文件里。 开发时我们主要是把一些全局变量，全局方法放在App()里面，比如用户名，请求数据时的URL等。 // app.js App({ onLaunch() { // 展示本地存储能力 const logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs)
微信小程序的坑
weixin_34087503的博客
05-22 182
1. switchtab和navigateBack navigateBack是进行页面返回的操作，但无法传参数给上一个页面。他所提供的参数delta，其值是个number,其意义是返回第几层，如果大于当前层数则返回首页。 关于switchtab，navigateTo和redirecTo是无法到tab页面的，只有通过switchtab才能到...
getApp()获取不到的情况
qq_38686150的博客
09-25 6069
getApp() 使用 getApp() 函数用于获取当前应用实例，一般用于获取globalData 。 const app = getApp() console.log(app.globalData) 注意: 不要在定义于 App() 内的函数中，或调用 App 前调用 getApp() ，可以通过 this.$scope 获取对应的app实例 通过 getApp() 获取实例之后，不要私自调用生命周期函数。 获取不到的情况 当我们需要在应用生命周期中去获取 getApp 此时是获取不到的 此时
前端开发问题记录
qq_41913971的博客
07-06 315
小程序开发问题记录多行省略（小程序）image 图片底部留白单元素如何实现：文本、边框渐变；且边框满足移动端细边框效果（小程序）在util.js中使用getApp()这个函数，打印显示undefined 多行省略 （小程序）image 图片底部留白 原理： 图片的 display 属性默认是 inline，这个属性的vertical-align的默认值是baseline。所以图片底部会出现一个小留白区域。 解决： 方法1：设置图片为块状元素 display:block; 方法2：修改 vertical-al
微信小程序开发报错及解决记录
weixin_53582738的博客
10-11 7091
微信小程序各种踩坑记录，报错记录。
uniapp小程序加载出现undefined的问题
m0_48893127的博客
12-12 3575
数据加载慢，出现undefined的问题，提升用户的体验
微信小程序App()方法与getApp()方法
qq_30351747的博客
12-22 3493
微信小程序App()方法与getApp()方法
微信小程序中如何删除全局变量
最新发布
11-06
<think>我们正在讨论微信小程序中删除全局变量的方法。根据提供的引用，主要涉及两种方式：使用小程序原生的全局变量管理以及使用MobX进行全局数据共享。下面分别说明如何删除（清空）全局变量。 ### 1. 原生微信小程序全局变量 在原生微信小程序中，全局变量定义在`app.js`的`globalData`对象中。要删除（清空）全局变量，可以直接对该变量重新赋值（如赋空值、null或undefined）。 **步骤：** - **定义全局变量**：在`app.js`中设置`globalData`。 - **修改全局变量**：在任意页面或组件中，通过`getApp()`获取小程序实例，然后修改`globalData`中的对应属性。 **示例：** ```javascript // app.js App({ globalData: { mPhone: '13800138000', // 初始值 showOfficial: true } }) ``` 在页面中修改全局变量（例如清空`mPhone`）： ```javascript // 某个页面的js文件 Page({ onLoad() { const app = getApp() app.globalData.mPhone = '' // 清空全局变量mPhone } }) ``` 在组件中修改全局变量（例如设置`showOfficial`为`false`）： ```javascript // 某个组件的js文件 Component({ methods: { delBar() { const app = getApp() app.globalData.showOfficial = false // 修改全局变量 } } }) ``` **注意：** 这种方式修改全局变量后，其他页面或组件不会自动更新视图。如果需要视图更新，需要手动调用`setData`或者在对应位置重新获取全局变量并更新。 ### 2. 使用MobX全局数据共享 如果使用MobX进行全局状态管理，删除（清空）全局变量需要操作Store中的数据，并利用MobX的响应式机制自动更新视图。 **步骤：** - **定义Store**：创建一个Store实例，包含可观察属性和修改属性的动作。 - **绑定Store**：在页面或组件中绑定Store，将Store中的属性和动作映射到页面或组件。 - **修改Store属性**：通过Store中的动作方法修改属性，实现全局状态更新。 **示例：** ```javascript // store/store.js import { observable, action } from 'mobx-miniprogram' export const store = observable({ // 可观察数据 numA: 1, numB: 2, // 计算属性 get sum() { return this.numA + this.numB }, // 更新数据的方法 updateNumA: action(function (step) { this.numA += step }), // 清空数据的方法（例如清空numA） clearNumA: action(function () { this.numA = 0 // 或者 this.numA = null }) }) ``` 在组件中使用并清空全局变量： ```javascript // 组件js文件 import { storeBindingsBehavior } from 'mobx-miniprogram-bindings' import { store } from '../../store/store' Component({ behaviors: [storeBindingsBehavior], storeBindings: { store, fields: { numA: 'numA' // 将numA绑定到组件的data中 }, actions: { clearNumA: 'clearNumA' // 将clearNumA方法映射为组件的clearNumA方法 } }, methods: { onTap() { this.clearNumA() // 调用Store中的clearNumA方法，将numA清空 } } }) ``` ### 关键总结 - **原生方式**：直接通过`getApp().globalData.xxx = newValue`修改全局变量，但视图不会自动更新。 - **MobX方式**：通过Store中定义的action方法修改状态，视图会自动更新。 - **删除（清空）操作**：无论是原生还是MobX，删除操作本质上就是对变量重新赋值（如设置为空字符串、`null`、`undefined`或其他默认值）。 如果需要彻底移除全局变量（即从`globalData`对象中删除属性），可以使用`delete`操作符，但需谨慎，因为可能引起其他依赖该属性的地方出错： ```javascript // 删除全局变量属性（不推荐，除非确定不再使用） delete getApp().globalData.mPhone ``` ### 注意事项 1. **响应式更新**：原生方式修改全局变量后，如果其他页面或组件需要同步更新，通常需要在`onShow`生命周期函数中重新获取全局变量并设置数据，或者使用事件通知机制（如`wx.$emit`和`wx.$on`）[^3]。 2. **MobX自动响应**：使用MobX时，绑定到页面或组件的字段会自动更新视图，无需手动操作[^2][^4]。 3. **全局变量的使用**：全局变量适合存储用户登录状态、全局配置等，但不宜过多，应合理规划。 ### 相关问题 1. 如何监听微信小程序全局变量的变化？ 2. 使用MobX进行全局状态管理有哪些优缺点？ 3. 微信小程序中如何实现跨页面事件通信？ 以上回答参考了提供的引用内容[^1][^2][^3][^4]。 </think>在微信小程序中删除或清空全局变量，主要涉及原生全局变量和MobX状态管理两种方式。以下是具体操作方法和注意事项： --- ### 一、原生全局变量的删除/清空 通过`getApp().globalData`操作全局变量： ```javascript // app.js 定义全局变量 App({ globalData: { mPhone: "13800138000", token: "abcd1234" } }) ``` #### 1. **清空变量值**（保留属性） ```javascript // 在页面/组件中 const app = getApp(); // 方法1：赋值为空 app.globalData.mPhone = ''; // 清空字符串 [^1] // 方法2：赋值为null app.globalData.token = null; // 彻底清除值 ``` #### 2. **删除属性**（移除变量） ```javascript // 删除全局变量属性 delete app.globalData.mPhone; // 完全移除属性 ``` **注意**：删除后访问`app.globalData.mPhone`将返回`undefined` --- ### 二、MobX全局状态管理 使用MobX时需通过Store的actions修改状态： #### 1. 定义Store和清空方法 ```javascript // store/store.js import { observable, action } from 'mobx-miniprogram'; export const store = observable({ // 全局状态 userInfo: { name: "John", id: 1001 }, // 清空方法 clearUser: action(function() { this.userInfo = null; // 清空对象 }) }) ``` #### 2. 在组件中调用清空方法 ```javascript // 组件.js import { storeBindingsBehavior } from "mobx-miniprogram-bindings"; import { store } from "../../store/store"; Component({ behaviors: [storeBindingsBehavior], storeBindings: { store, actions: { clearUser: "clearUser" // 映射清空方法 } }, methods: { onLogout() { this.clearUser(); // 调用清空方法 [^2][^4] } } }) ``` --- ### 三、关键注意事项 1. **响应式更新问题** - 原生方式修改后，其他页面**不会自动更新**视图 - 需在`onShow`生命周期手动同步数据： ```javascript Page({ onShow() { this.setData({ phone: getApp().globalData.mPhone }) } }) ``` 2. **MobX的优势** ```javascript // 自动更新所有绑定组件 storeBindings: { fields: { userInfo: "userInfo" // 数据变更自动刷新视图 [^4] } } ``` 3. **删除属性的风险** - 可能导致依赖该变量的组件报错 - 建议优先使用`= null`代替`delete` 4. **清空对象的方法** ```javascript // 清空对象但保留结构 app.globalData.user = {}; // 清空数组 app.globalData.list = []; ``` --- ### 四、操作建议 1. **常规场景** 使用`app.globalData.var = null`或空值 2. **需要状态同步** 使用MobX的actions确保视图自动更新 3. **彻底移除属性** 谨慎使用`delete`，确保无组件依赖该属性 > **最佳实践**：对于重要数据（如token），建议提供专门的`reset`方法统一管理清空逻辑，避免散落在代码各处[^1][^3]。 --- ### 相关问题 1. 如何监听微信小程序全局变量的变化？ 2. 使用MobX管理全局状态有哪些性能优化技巧？ 3. 微信小程序中全局变量和缓存(localStorage)该如何选择？ 4. 如何避免全局变量被意外修改？ [^1]: 原生微信小程序全局变量操作示例 [^2]: MobX状态管理框架的核心用法 [^3]: 全局变量在组件中的响应式处理 [^4]: MobX的action和字段绑定机制
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值