小程式學習:變數作用域
阿新 • • 發佈:2018-12-13
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。