小程序开发之公共变量的赋值及取值

1,087 阅读2分钟

Hello ,大家周一好。新的一周,大家有没有周一综合证,做事情有气无力,感觉身体被掏空,至少我是这样的感觉!今天和大家分享公共变量的赋值以及异面取值!

首先,公共变量,肯定是每个页面都能调用的,公用的变量!小程序的公共文件有三个app.js、app.wxss、app.json。

拿到一个项目的设计稿,大家不要忙着去写东西,从头到位的分析一下,看看那些数据 样式能工用,封装样式,设置公用变量减少大家的代码量。

在app.js里面:

App({/***设置公用变量globalData*/globalData: {doctorUserId:300},/*** 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)*/onLaunch: function () {var that = this;var data = { doctorUserIdKey: '002' }http.httpGet('d', data, function (res) {success:{that.globalData.doctorUserId = res.data.doctorUserId}})},/*** 当小程序启动,或从后台进入前台显示,会触发 onShow*/onShow: function (options) {},/*** 当小程序从前台进入后台,会触发 onHide*/onHide: function () {},/*** 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息*/onError: function (msg) {}})

我们在index.jsl里面取app.js里面设置的公用变量,

var doctorUserId = getApp().globalData.doctorUserId;Page({/** * 页面的初始数据*/data: {},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {console.log(doctorUserId)},/** * 生命周期函数--监听页面初次渲染完成 */onReady: function () { },/*** 生命周期函数--监听页面显示*/onShow: function () { },/** * 生命周期函数--监听页面隐藏 */onHide: function () { },/*** 生命周期函数--监听页面卸载*/onUnload: function () {},/** * 页面相关事件处理函数--监听用户下拉动作 */onPullDownRefresh: function () { },/*** 页面上拉触底事件的处理函数*/onReachBottom: function () { },/*** 用户点击右上角分享*/onShareAppMessage: function () {}})

注意:划重点,如果变量的值是常量,在其他页面获取是没有问题的;如果变量的值是个变量,那么在进入其他页面的时候,先执行的当前页面的js,在执行app.js。这是一个坑,我是这样处理的,公用的变量直接在index.js里面执行一次,然后缓存到变量里面,需要的时候从变量里面取出!