小程序学习：变量作用域

参考这一篇，稍作修改：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 () {

  }
})

显示结果：

分别点击 pageA，pageB。