小程序学习:变量作用域
参考这一篇,稍作修改:https://blog.****.net/michael_ouyang/article/details/55046458
app.js,增加一行全局变量定义,globalvar: 1:
globalData: {
userInfo: null,
globalvar: 1
}
index.js,修改一下显示文本:
data: {
motto: '这是主页面',
userInfo: {},
hasUserInfo: false,
canIUse: wx.canIUse('button.open-type.getUserInfo')
},
pagea.js(这个是复制index文件夹,然后修改文件内容):
//pagea.js
//获取应用实例
var localvar = 'a';
const app = getApp();
Page({
data: {
motto: '这是页面a',
userInfo: {},
hasUserInfo: false,
canIUse: wx.canIUse('button.open-type.getUserInfo')
},
//事件处理函数
bindViewTap: function() {
wx.navigateTo({
url: '../logs/logs'
})
},
onLoad: function () {
app.globalData.globalvar++;
console.log("pagea 显示全局变量 globalData.globalvar:" + getApp().globalData.globalvar);
console.log("pagea 显示局部变量 localvar:" + localvar);
},
getUserInfo: function(e) {
console.log(e)
}
})
pageb.js(这个是在资源管理器新建一个pageb文件夹,后自动生成的文件内容):
// pages/pageb/pageb.js
var localvar = 'b';
const app = getApp();
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
app.globalData.globalvar++;
console.log("pageb 显示全局变量 globalData.globalvar:" + getApp().globalData.globalvar);
console.log("pageb 显示局部变量 localvar:" + localvar);
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
显示结果:
分别点击 pageA,pageB。