⼩程序全局变量功能与⽤法详解
本⽂实例讲述了⼩程序全局变量功能与⽤法。分享给⼤家供⼤家参考，具体如下：
全局变量的作⽤
在⼩程序开发中，会遇到⼀个很实际的应⽤场景，就是⼀个变量会在多个页⾯进⾏使⽤。
例如：
1. 在⼩程序开发中使⽤⾼德地图的⼩程序开发，其中key值就需要在多个页⾯使⽤；
2. 在⼩程序开发电商平台时同样，⽐如，就需要在多个页⾯使⽤。
在以上两种类似的场景中，开发者就需要使⽤全局变量，当然也有开发者说不能每个page页⾯都定义⼀个？如果改变，如果客服要求采⽤他的⾼德key，这个时候只需要修改全局，就能进⾏整个⼩程序的修改，如果每个page⼀个变量，将会在修改中花费⼤量的时间做低效的⼯作。所以可以看出全局变量在这⾥的作⽤就是提⾼开发效率！
如何定义全局变量
⽅法⼀：⽤APP定义全局变量
在app.js中的APP({})传⼊对象中定义⼀个全局属性globalData，作为保存全局变量的对象。
⽰例代码：
声明变量进⾏引⼊！
// 引⼊⾼德地图js
const amap = require('./src/js/amap-wx.js');
// 引⼊接⼝js
const urlList = require('./src/js/config.js');
// 引⼊wetoast插件js
const { WeToast } = require('./src/wetoast/wetoast.js');
// 全局变量⾼德地图key
const key = 'c290b7e016c85e8f279b2f80018c';
// 全局变量
const phone = '400-007-859';
进⾏全局变量的赋值！
App({
globalData: {//全局变量
amap: amap,
key: key,
phone: phone,
urlList: urlList.urlList
}
})
⽅法⼀全局变量的使⽤：
//在page页⾯引⼊app，同时声明变量，获得所需要的全局变量
const app = getApp();
const urlList = app.globalData.urlList;
⽅法⼆：⽤引⼊js的⽅法定义全局变量
在公⽤js⽂件夹中创建⼀个保存全局变量的js⽂件
app开发实例实例：我在公⽤⽂件夹src下的js⽂件夹中创建的三个保存全局变量的⽂件：base64.js、config.js、data.js
这三个⽂件作⽤：
1. base64.js保存背景图标转化的base64码
2. config.js保存request请求数据的路径
3. data.js 保存初次开发的模拟数据
⽰例代码：
let basePath = 'xxxxx';
let urlList = {
goodsListUrl: basePath + '/goodsList',
shopCartUrl: basePath + '/shopCart',
...
}
urlList: urlList
}
使⽤⽅法：
// 引⼊接⼝js
const urlList = require('./src/js/config.js');
url: dsListUrl,
data: {},
success: res => {}
})
总结
其实两种⽅法都可以定义全局变量，那么在什么时候采⽤哪⼀种⽅法？我个⼈建议，在像⾼德地图的key值这种只需要单独定义的，可以采⽤⽅法⼀，⽅便、简洁、不⽤单独创建⽂件。在请求地址这种批量全局变量的定义时，采⽤⽅法⼆，有利于后期的查和修改。两种⽅法结合，更有利于开发！
希望本⽂所述对⼤家⼩程序开发有所帮助。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。