WeChat 微信小程序说明

1、全局变量globalData在app.js页面和其他js页面调用与修改

全局变量globalData

小程序中js页面声明的变量与函数只能在此页面中使用,并且在不同页面中可以用相同的变量命名。而如果想要某些数据在所有页面中都能使用,那就可以使用全局变量globalData进行数据的存取。globalData在app.js中进行设置。

//app.js文件
App({
  //在小程序完成初始化时,触发onLaunch(全局只触发一次)
  // Do something initial when launch.
  onLaunch(options) {

  },
  //全局变量
  globalData: {
    Info: 12,
    newsList: [{}]
  }
})

一、app.js页面中globalData变量的修改
1、在app.js页面中要修改globalData变量的值,如果直接在onLaunch: function () 函数中修改,只需要用this调用globalData进行修改

this.globalData.Info = 15;
console.log(this.globalData.Info) //15

2、若使用了请求wx.request等 则需要使用 var that = this,然后用that调用globalData。

//app.js文件
App({
  //在小程序完成初始化时,触发onLaunch(全局只触发一次)
  // Do something initial when launch.
  onLaunch(options) {
    //请求信息
    var that = this;
    wx.request({
      url: 'https:', //此处略
      data: {
        x: "",
        y: ""
      },
      success: function (res) {
        console.log(res.data);
        let list = [];
        for (var i = 0; i < 4; i++) {
          let obj = {};
          obj.id = res.data.result.data[i].uniquekey;
          obj.title = res.data.result.data[i].title;
          obj.date = res.data.result.data[i].date;
          obj.url = res.data.result.data[i].url;
          obj.poster = res.data.result.data[i].thumbnail_pic_s;
          list.push(obj);
        }
        that.globalData.newsList = list;
      }
    })
  },
  //全局变量
  globalData: {
    Info: 12,
    newsList: [{}]
  }
})

二、其他js页面中globalData变量的读取和修改
当需要在其他页面读取和修改globalData中的数据时,需要用var app = getApp()进行引用
1、读取

var app = getApp(); //声明app实例
Page({
  onLoad: function () {
    console.log(app.globalData.Info);
  }
})

2、修改数据

var app = getApp();
Page({
  onLoad: function () {
    app.globalData.Info = 22;
  }
})

 StorageSync是Storage的同步版本

// setting
wx.setStorage({
  key:"key",
  data:"value"
})
// getting
wx.getStorage({
  key: 'key',
  success (res) {
    console.log(res.data)
  }
})

 

// setting
wx.setStorageSync('key', 'value')
// getting
var value = wx.getStorageSync('key')

区别
以Sync(同步,同时)结尾的都是都是同步缓存,二者的区别是,异步不会阻塞当前任务,同步缓存直到同步方法处理完才能继续往下执行。
通俗点说,异步就是不管保没保存成功,程序都会继续往下执行.同步是等保存成功了,才会执行下面的代码.
使用异步,性能会更好;而使用同步,数据会更安全
一般都使用同步,异步是为了用户体验的情况而选择,同步相对简单。

posted @ 2022-11-16 12:02  生之韵  阅读(63)  评论(0编辑  收藏  举报