小程序 globalData 全局变量监听

这几天帮我哥们写了个小程序，但哥们要求必须全原生，很久没有写过原生了，又遇到了当初学小程序时遇到过的问题，就是原生小程序没有全局状态管理，这就让我的开发过程很不愉快了。

小程序是有一个全局变量 globalData ，我们在小程序内的任何地方拿到 globalData ，这就给了我们模拟状态管理的基础条件。但 globalData 有个致命缺点就是他不是响应式的，我们不知道它什么时候被修改，如果我们做一些异步操作修改了 globalData 我们也不能确定被修改的时间点，不能确定何时去取新值。

灵光一闪，这问题可以用 defineProperty 解决啊，不了解的请看 MDN 或者看看这位小哥写的博客 《深入浅出Object.defineProperty()》，写的非常详细。

在 app.js 内定义一个 watch() 函数，三个变量分别是

• dataName：被监听变量名
• callback：回调函数
• that：回调函数执行环境，（如果回调函数内需要用到 this 则需要传过来）

watch: function (dataName, callback, that) {
	var obj = this.globalData;
	Object.defineProperty(obj, dataName, {
	  configurable: true,
	  enumerable: true,
	  set: function (value) {
		this[dataName] = value;
		callback.call(that, value);
	  },
	  get: function () {
		return this[dataName];
	  }
	})
}

在需要获得数据的页面或自定义组件内：

getApp().watch("currCity", (res) => {this.setData({currCity: res})}, this);

这样在异步修改了 globalData 后我们就可以直接在页面内拿到新的值啦~