小程序之设置全局变量与改变全局变量的值

1.设置全局变量

根据小程序官方文档可知,小程序app.js文件内有一个globalData函数,可以在其中定义所需要的全局变量。

app.js

App({
  //当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
  onLaunch: function () {
    this.globalData.key = 'key123456789qwertyui' // 这样全局key的值就设置完成了
  },
  globalData: {
    key: null,
  }
})

现在进入/pages/index/index页面,假如需要在这个页面用到这个key值,获取方式如下:

index.js

var app = getApp() // 取得全局App
Page({
  data:{
    ........, // 省略
    indexKey
  },
  onShow(){
    this.setData({
      indexKey: app.globalData.key // 拿到全局的key
    })
  }
})

2.改变全局变量的值

假如在index.js中调用了一个接口,返回了新的key值,需要改变原来全局的key,写法如下:

var app = getApp() // 取得全局App
Page({
  data:{
    ........ // 省略
  },
  onShow(){
    wx.request({
      url: 'test.php', //仅为示例,并非真实的接口地址
      data: {
        x: '' ,
        y: ''
      },
      header: {
        'content-type': 'application/json' // 默认值
      },
      success: function(res) {
        console.log(res.data)
        app.globalData.key = res.data.key // 改变key的值
      }
    })
  }
})

猜你喜欢

转载自my.oschina.net/lemonfive/blog/1823862