微信小程序 globalData监听 proxy代理复制可用使用方便

UDNC

于 2022-05-28 20:00:11 发布

阅读量1.4k

点赞数 1

文章标签：微信小程序 javascript 前端

本文链接：https://blog.youkuaiyun.com/little_boyyy/article/details/125021889

版权

原理

将globalData使用proxy代理，使用递归将每层属性都添加订阅者队列，使用watch函数监听其中的对象，当被监听对象发生改变时通知订阅者队列中的所有订阅者更新自己的值。

工具文件 ProxyUtils.js

该文件到导出一个函数，将该文件拷贝到小程序目录下，app.js中引入并使用处理globalData，具体使用方法请看示例

// ./ProxyUtils.js
function ProxyUtils(data) {
   
    if (typeof data === 'object' && data != null) {
   
        // console.log(data, 3)
        data = new Proxy(data, {
   
            get: function (target, p) {
   
                return Reflect.get(target, p)
            },
            set: function (target, p, value) {
   
                if (target.hasOwnProperty(p) && value === target[p]) return true
                let temp = ProxyUtils(value)
                if (Reflect.set(target, p, temp)