微信小程序 app.js 定义全局变量,然后页面内引用 getapp().变量名
时间: 2023-09-06 21:03:27 浏览: 232
微信小程序定义和调用全局变量globalData的实现
5星 · 资源好评率100%
微信小程序中,可以在 app.js 中定义全局变量,并在页面内通过 getApp().变量名 的方式进行引用。
首先,在 app.js 中,我们可以使用 App() 函数创建小程序的实例,并在实例的 data 对象中定义全局变量。例如,我们可以在 app.js 的 App() 函数中定义一个名为 globalData 的对象,并在其中定义一个名为 variableName 的全局变量,如下所示:
```javascript
App({
globalData: {
variableName: '全局变量的内容'
}
})
```
接下来,在页面的 js 文件中,我们可以通过 getApp() 函数获取小程序实例并访问其中的全局变量。例如,如果我们想在页面中使用上面定义的 variableName 变量,可以使用如下代码:
```javascript
// pages/pageName/pageName.js
Page({
onLoad: function () {
var appInstance = getApp();
var variableValue = appInstance.globalData.variableName;
console.log(variableValue); // 输出:全局变量的内容
}
})
```
在这段代码中,我们通过 getApp() 函数获取小程序实例,并将其赋值给变量 appInstance。然后,我们可以通过 appInstance.globalData.variableName 来访问全局变量的值,并将其赋值给变量 variableValue。最后,我们使用 console.log() 函数将该变量的值打印到控制台上。
这样,我们就可以在微信小程序的页面内引用 app.js 中定义的全局变量了。请注意,全局变量只能在 app.js 中定义,但可以在小程序的所有页面中通过 getApp().变量名 进行引用。
阅读全文