[游戏开发] 为什么什么都console.log不出来。console.log(depsMap)

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 游戏开发 -> 为什么什么都console.log不出来。console.log(depsMap) -> 正文阅读

[游戏开发]为什么什么都console.log不出来。console.log(depsMap)

变量为原始类型时Set存储

变量为对象时可以用map存储

多个对象时用weakMap存储
https://www.gxlsystem.com/qianduan-20707.html

<!DOCTYPE html>
<html>
    <head>
        <title>document.write() Example</title>
    </head>
    <body>
        <script type="text/javascript">       
const data = {ok:true, text:'hello world'}

const obj = new Proxy(data, {
    get(target, key) {
        // 收集副作用函数
        track(target, key);
        console.log(target[key])
        return target[key]
    },
    set(target, key, newVal) {
        target[key] = newVal;
        // 取出副作用并执行
        trigger(target, key);
    }
})

// 封装track函数，追踪变化
function track(target, key) {
    if (!activeEffect) return
    let depsMap = bucket.get(target)
    console.log(depsMap)
    if (!depsMap) {
        bucket.set(target, (depsMap = new Map()))
    }
    let deps = depsMap.get(key)
    if (!deps) {
        depsMap.set(key, (deps = new Set()))
    }
    deps.add(activeEffect)
}

// 封装trigger函数，触发副总用函数重新执行
function trigger(target, key) { 
    const depsMap = bucket.get(target)
    if (!depsMap) return
    const effects = depsMap.get(key)
    console.log(effects)
    effects && effects.forEach(fn => fn())
}




             </script> 
    </body>

</html>