宝哥软件园

微信小程序全局变量功能及用法详解

编辑:宝哥软件园 来源:互联网 时间:2021-08-27

本文说明了微信小程序中全局变量的功能和用法。分享给大家参考,如下:

全局变量的作用

在微信小程序的开发中,我们会遇到一个非常实际的应用场景,就是一个变量会在多个页面上使用。

例如:

1.微信小程序开发在微信小程序开发中使用高德地图,其中键值需要在多个页面上使用;

2.同样,用微信小程序开发电商平台,比如客服电话,需要在多个页面上使用。

在上面两个类似的场景中,开发人员需要使用全局变量。当然,也有开发者说不能每个页面都定义一个?如果客服电话号码发生变化,如果客服要求使用他的高科技钥匙,整个小程序只需修改整体情况即可修改。如果每个页面都有一个变量,那么在修改中会花费很多时间去做低效的工作。所以我们可以看到,全局变量在这里的作用是提高开发效率!

如何定义全局变量

方法1:用APP定义全局变量

在app.js中,全局属性globalData在APP({})的传入对象中定义为保存全局变量的对象。

示例代码:

声明要导入的变量!

//介绍高德地图jsconst AMP=require('。/src/js/AMAP-wx . js’;//引入接口jsconst urllist=require('。/src/js/config . js’);//引入wetoast插件jsconst {wetoast}=require('。/src/wet oast/wet oast . js’;//全局变量高德映射键const key=' c 290 b7e 016 c 85 E8 f 279 B2 f 80018 c ';//全球可变服务电话const phone=' 400-007-859 ';分配一个全局变量!

在App中使用全局变量({ globalData: {//全局变量amap:amp,key3360key,phone:phone,urllist 3360urllist。urllist}})方法1:

//将app引入页面,同时声明变量,得到需要的全局变量const app=getApp();const URl list=app . global data . URl list;方法2:通过引入js定义全局变量

创建一个js文件,将全局变量保存在公共js文件夹中

示例:我在公共文件夹src下的js文件夹中创建了三个保存全局变量的文件:base64.js、config.js和data.js

这三个文档的功能:

1.base64.js保存由背景图标2转换的base64代码。config.js保存请求数据3的路径。data.js保存首次开发的仿真数据

示例代码:

让basePath='https://

更多资讯
游戏推荐
更多+