微信小程序Ⅱ [全局变量的配置/使用]

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://cloud.tencent.com/developer/article/1333791

☺前言

• 进行微信小程序的开发，有时需要设置全局变量，以方便在其他界面对同一数据的调用

• 举个例子： 在开发测试 阶段，比如自己网站的图片服务器网址，接口服务器域名等，不一定后期会有多大的变动，此时可以进行全局变量的设置，而后期有所变动只需更改一处即可.
• 微信小程序，设计强烈要求项目的简洁性，对于图片文件尽量都使用网络资源请求，避免相对路径的资源引用，所以此时配置全局变量就显得极为方便、重要了

☹ 配置/使用

• 初始创建小程序时，你就应该会注意到项目初始化的框架中，根目录下有一个 app.js 配置文件，其实个人理解为 根目录下的文件 都是全局配置文件

☆ 配置

• 我们只需要将全局变量，以数组的形式放到 globalData中即可

当然，也可以在此位置，命名与 globalData 同级的新数组

★ 使用

• 当你需要在其他js页面中使用所配置的全局变量时：

1. 首先，需要获取应用实例 const app = getApp()
2. 直接对需要的数组赋值，然后正常使用即可 imgServer: app.globalData.imgServer
3. 当然，也可以在 js 中对应的点击事件中，随时赋值使用 var test_imgServer = app.globalData.imgServer; console.log(test_imgServer )

● 参考截图

• js 文件的数据绑定

• 对应 wxml 的数据显示