小程序 globalData 详解

globalData的使用

1. 作用：app.js中的globalData存储的是全局数据，能在各个页面之间共同使用某些信息，可以对共享数据进行修改设置,以便其他页面根据数据变化进行相应调整；
2. 如何使用：
   globalData其他文章解释
   globalData社区观点讨论
   1）app.js中读取globalData，使用this即可。
   2）其他js页面使用，开头需要声明 var app = getApp()
   进行获取: globalData: app.globalData.name;
   进行修改: getApp().globalData.name=“王二麻子”，此时改的是全局变量的值,对本页面不起作用。要修改本页面的值，直接setData进行修改。
   代码示例：

// app.js
App({
  onLaunch: function () {
    var t = this
  },
  globalData:{
    targetPage: '',
    topheight: 50,
    topbottom: 60
  }
})

<!-- index.wxml -->
<view class="nav" style="height:{{topheight+topbottom}}rpx">
  <view class="battery" style="height:{{topheight}}rpx"></view>
  <view class="head-title" style="height:{{topbottom}}rpx">这是测试</view>
</view>

/* index.wxss */
.nav{
  height: 120rpx;
  background-color: rgb(221, 93, 61)
}
.head-title{
  text-align: center;
}

Page({
  data: {
    isBackFromPage2: !1,
    topheight: app.globalData.topheight,
    topbottom: app.globalData.topbottom
    },
    onLoad: function () {
    var t = this;
    // 以下两句注释，该页面的数据不会发生变化，但是全局变量topheight和topbottom的数据发生了改变
    // getApp().currentTarget.topheight = 60;     
    // getApp().currentTarget.topbottom = 60;
    t.setData({
      topheight: 60,
      topbottom: 60
    })
  }
    )}