微信小程序全局数据监听与同步技巧

在微信小程序开发中，全局数据（globalData）是用于页面间共享数据的重要机制。当面试官提到"小程序中Page.watch()方法是做什么用的"以及"如何在其他页面监听到globalData中值的变化"时，实际上他们正在询问的是如何实现数据订阅和属性变化监听。 首先，微信小程序本身并没有提供直接的Page.watch()方法，但面试者所指的可能是对对象属性变化的监听，类似于JavaScript中的观察者模式。在这种情况下，可以利用`Object.defineProperty()`方法来实现属性的可观察性。`defineProperty()`方法允许我们在对象上定义新的属性，并设置getter和setter函数，这样就可以在属性被修改时自动触发回调。 在`app.js`中，创建一个全局变量`globalData`，比如`globalData.name`，然后通过定时器模拟异步操作来改变这个值，例如： ```javascript App({ onLaunch: function() { let that = this; // 模拟网络请求 setTimeout(function() { that.globalData.name = 'pxh'; }, 3000); }, // 监听全局数据名属性的变化 watchNameChange: function(callback) { var obj = this.globalData; Object.defineProperty(obj, 'name', { configurable: true, enumerable: true, set: function(value) { this._name = value; console.log('属性值已更新:', value); callback(value); // 回调方法，当name属性改变时执行 }, get: function() { return this._name; // 可以在此获取当前值 } }); } }) ``` 当其他页面需要监听`globalData.name`的变化时，可以在该页面的`onLoad`或生命周期钩子中调用`app.globalData.watchNameChange`并传入一个回调函数。这样，每当`globalData.name`的值改变时，就会执行回调，确保了数据的一致性和同步性。 至于面试官提到的第三个问题，即在app.js执行登录逻辑后确保其他页面能获取到登录状态，可以考虑以下策略： 1. 登录完成后同步全局数据：在登录成功后，立即更新`globalData`，确保其他页面能够立即访问到登录状态。 2. 使用async/await：对于异步操作，可以使用`async/await`来确保登录完成后再进行后续请求，避免请求在未完成登录时发送。 3. 状态管理库：如使用` wx.cloud`提供的存储服务或第三方状态管理库（如Redux或MobX），将登录状态存储在全局可访问的地方，确保数据的一致性。 4. 路由守卫：在微信小程序中，可以通过`page`的生命周期钩子或导航守卫（`onLoad`、`onShow`等）来检查登录状态，只有在登录后才加载需要权限的页面。 通过以上策略，开发者可以确保在微信小程序中有效监听`globalData`的变化，并在需要的地方正确地处理登录状态，确保用户体验的流畅。