1. 程式人生 > >小程式學習:變數作用域

小程式學習:變數作用域

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。