最近主要在做即时通信中才了解到这个方法,觉得蛮好用的;
我觉得主要应用于当全局变量不定时更新后,处于某个Page页面中被全局变量赋值的变量无法随之更新,这时就需要监听改变来自动刷新赋值新的全局变量;
简单记录分享一下,直接上代码和注释
app.js
App({
//全局变量监听器:监听changeinfo是否在其他某个页面被改变,以便可以实时更新数据刷新页面
watch: function (method) {
var obj = this.globalData;
Object.defineProperty(obj, "changeinfo", {
configurable: true,
enumerable: true,
set: function (value) {
method(value);
}
})
},
//全局变量changeinfo
globalData: {
changeinfo:0
}
})
index.js
const app = getApp()
Page({
//模拟全局数据某个时候在index页面被改变,此处只是示例,准确效果得实战项目中实时更新数据才能看到真正效果
onLoad: function () {
setTimeout(function(){app.globalData.changeinfo++},3000)
}
})
chat.js
const app = getApp()
Page({
//在页面 onLoad() 方法中添加监听以及指定监听回调方法watchBack
// 如果其他页面修改了 app.js 中的changeinfo值, 就会触发回调
onLoad: function () {
var that = this
app.watch(that.watchBack)
},
watchBack: function (changeinfo) {//此处changeinfo为watch里set的value
console.log("监听到数据改变时的操作比如重新赋值")
}
})