在微信小程序中，全局变量的调用和使用是开发过程中常见的需求，全局变量通常定义在app.js文件中，以便在整个小程序的不同页面和组件之间共享数据，以下是详细的步骤和注意事项：
1、定义全局变量：在app.js文件中，通过定义一个名为globalData的对象来存储全局变量。
App({
globalData: {
questionTitle: '', // 自己定义的变量名
},
onLaunch(options) {
// Do something initial when launch.
}
});
2、修改全局变量：在app.js中，可以通过this.globalData来访问和修改全局变量的值。
App({
globalData: {
questionTitle: '',
},
onLaunch(options) {
this.globalData.questionTitle = 'New Title';
}
});
3、获取应用实例：在其他页面或组件中，需要先通过getApp()函数获取应用实例，然后才能访问全局变量。
const app = getApp();
Page({
data: {
title: app.globalData.questionTitle // 获取全局变量的值
},
onLoad() {
console.log(app.globalData.questionTitle); // 输出全局变量的值
}
});
4、修改全局变量并更新页面：如果需要在页面中修改全局变量并更新显示，可以先通过app.globalData修改全局变量，然后使用this.setData更新页面数据。
const app = getApp();
Page({
data: {
title: ''
},
onLoad() {
app.globalData.questionTitle = 'Updated Title'; // 修改全局变量
this.setData({
title: app.globalData.questionTitle // 更新页面数据
});
}
});
5、注意事项：
确保在修改全局变量时，作用域是正确的，即在全局作用域下使用this。
如果在某些情况下需要避免多次调用接口，可以在app.js中定义一个全局方法来处理数据的获取和更新。
App({
globalData: {
isLoad: false,
mwxt_mark: false
},
onLaunch() {
this.getmarkInfo();
},
getmarkInfo() {
return new Promise((resolve, reject) => {
if (this.globalData.isLoad) {
resolve(this.globalData.mwxt_mark);
} else {
let data = {};
markRequest({ data })
.then(res => {
this.globalData.mwxt_mark = res.data.mwxt_mark;
this.globalData.isLoad = true;
resolve(this.globalData.mwxt_mark);
})
.catch(err => {
reject(err);
});
}
});
}
});
微信小程序中的全局变量通过在app.js文件中定义globalData对象来实现，并在其他页面或组件中通过getApp()获取应用实例后访问和修改这些全局变量，在修改全局变量时，需要注意作用域问题，并可以通过定义全局方法来优化数据的获取和更新过程。
以上内容就是解答有关“appjs调用全局变量”的详细内容了，我相信这篇文章可以为您解决一些疑惑，有任何问题欢迎留言反馈，谢谢阅读。
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/719285.html
微信扫一扫 