参考这一篇,稍作修改:https://blog.csdn.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 () {

  }
})

显示结果:

小程序学习:变量作用域-LMLPHP

分别点击 pageA,pageB。

小程序学习:变量作用域-LMLPHP

 

 

10-02 22:20