网站建设设计收费,网络推广公司主要做什么,php做不了大型网站,对网站有效的优化软件全局变量的作用 在微信小程序开发中#xff0c;会遇到一个很实际的应用场景#xff0c;就是一个变量会在多个页面进行使用。 例如#xff1a; 1. 在微信小程序开发中使用高德地图的微信小程序开发#xff0c;其中key值就需要在多个页面使用#xff1b; 2. 在微信小程序开… 全局变量的作用 在微信小程序开发中会遇到一个很实际的应用场景就是一个变量会在多个页面进行使用。 例如 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文件 实例我在公用文件夹src下的js文件夹中创建的三个保存全局变量的文件base64.js、config.js、data.js 这三个文件作用 1. base64.js保存背景图标转化的base64码 2. config.js保存request请求数据的路径 3. data.js 保存初次开发的模拟数据 示例代码 let basePath https://xxxxx.com;
let urlList {goodsListUrl: basePath /goodsList,shopCartUrl: basePath /shopCart,...
}
module.exports {urlList: urlList
} 使用方法 // 引入接口js
const urlList require(./src/js/config.js);
wx.request({url: urlList.urlList.goodsListUrl,data: {},success: res {}
}) 总结 其实两种方法都可以定义全局变量那么在什么时候采用哪一种方法我个人建议在像高德地图的key值这种只需要单独定义的可以采用方法一方便、简洁、不用单独创建文件。在请求地址这种批量全局变量的定义时采用方法二有利于后期的查找和修改。两种方法结合更有利于开发 DEMO下载 我的博客欢迎交流 我的CSDN博客欢迎交流 微信小程序专栏 前端笔记专栏 微信小程序实现部分高德地图功能的DEMO下载 微信小程序实现MUI的部分效果的DEMO下载 微信小程序实现MUI的GIT项目地址 微信小程序实例列表 前端笔记列表 游戏列表 转载于:https://www.cnblogs.com/linewman/p/9918449.html