首页 - 神途资讯 > 游戏陪玩平台源码开发，依赖收集和触发的实现

游戏陪玩平台源码开发，依赖收集和触发的实现

发布于：2024-04-08 作者：admin 阅读：165

2、用来传递数据；

3、data数据备用；

const map = new Map();
let current = null;
const data = {
    name: 'madapao',
    age: 18,
    sex: '男',
}

创建一个类

deps数组收集游戏陪玩平台源码依赖，add方法添加游戏陪玩平台源码依赖。

class Watcher {
    constructor() {
        this.deps = [];
    }
    add(dep) {
        this.deps.push(dep)
    }
}

收集和触发

对data中的数据进行劫持：

Object.keys(data).forEach(key => {
    Object.defineProperty(data, key, {
        get() {
            if (map.has(key)) {
                const watcher = map.get(key);
                watcher.add(current);
                map.set(key, watcher)
            } else {
                const watcher = new Watcher();
                watcher.add(current);
                deps.set(key, watcher);
            }
        },
        set() {
            if (map.has(key)) {
                map.get(key).deps.forEach(fn => fn())
            }
        }
    })
})

使用

在执行方法，暂时把赋值给，使用data中数据key时。就会触发key的get。把放进key对应的deps中。

当修改key的值时，就会触发key对应收集到的所有方法。

function getAgeName() {
    current = getAgeName;
    console.log('getAgeName执行了')
    return `${data.name}'今年'${data.age}岁。`
}
function getSexName() {
    current = getSexName;
    console.log('getSexName执行了')
    return `${data.name}'是一个'${data.sex}人。`
}
getAgeName();
getSexName();
data.name = 'mahaha';

全部代码

const deps = new Map();
let current = null;
class Watcher {
    constructor() {
        this.deps = [];
    }
    add(dep) {
        this.deps.push(dep)
    }
}
const data = {
    name: 'madapao',
    age: 18,
    sex: '男',
}
Object.keys(data).forEach(key => {
    Object.defineProperty(data, key, {
        get() {
            if (deps.has(key)) {
                const watcher = deps.get(key);
                watcher.add(current);
                deps.set(key, watcher)
            } else {
                const watcher = new Watcher();
                watcher.add(current);
                deps.set(key, watcher);
            }
        },
        set() {
            if (deps.has(key)) {
                deps.get(key).deps.forEach(fn => fn())
            }
        }
    })
})
function getAgeName() {
    current = getAgeName;
    console.log('getAgeName执行了')
    return `${data.name}'今年'${data.age}岁。`
}
function getSexName() {
    current = getSexName;
    console.log('getSexName执行了')
    return `${data.name}'是一个'${data.sex}人。`
}
getAgeName();
getSexName();
data.name = 'mahaha';

以上便是“游戏陪玩平台源码开发，依赖收集和触发的实现”的全部内容，希望对大家有帮助。

扫一扫关注我们

上一篇：御龙在天福利到七种超级礼包来就送！

下一篇：听说，网易这些秘密藏不住了

传奇私服发布网_新开传奇网站发布_最全优秀单职业传奇私服发布平台_www.sf999.Com

新开传奇私服网站专注于服务广大新开传奇首区和复古传奇私服玩家，我们承诺全年无休，每天为您提供最新的新开传奇网站和传奇sf999信息。...

2025-01-03
HIM到底存不存在？mojang多次否认，MC玩家却说我有证据

明确否认him存在，但是我们可以从一些蛛丝马迹中发现官方有说谎的可能性。就有细心的玩家，从这五个地方观察到了him存在，总共4个证据。...

2025-01-03
小米主公莫慌礼品码

8条回答：【推荐答案】主公莫慌(手游)-新手奖励1.序列号：gsaq6617（官方）固定唯一，可重复激活无数新账号。2.奖励：3000绿钻，1000将魂，1紫将...

2025-01-03
帝国cms内核仿《新趣头条》娱乐游戏资讯网站源码

网盘提取码: xawy帝国cms内核仿《新趣头条》娱乐游戏资讯网站源码，适合做电竞，娱乐，评测类的站点。利用模板改改可以轻松完成1个站点。不带安装教程...

2025-01-03
关键字：合击神途手游发布网站

合击神途手游发布网站最新章节,合击神途手游发布网站在线阅读,传奇发布网...

2025-01-03
首页哪个频道可以获得最新最全的游戏资讯?

首页哪个频道可以获得最新最全的游戏资讯?首页的“游戏资讯”频道可以获得最新最全的游戏资讯。在大多数游戏相关网站或平台的首页...

2025-01-03