const data = { foo: 1 }
const obj = new Proxy(data, {/*...*/})
effect(() => obj.foo = obj.foo + 1)

Uncaught RangeError: Maximum call sack size exceeded

function trigger (target, key) {
    const depsMap = bucket.get(target)
    if (!depsMap) return
    const effects = depsMap.get(key)
    const effectsToRun = new Set()
    effects && effects.forEach(effectFn => {
        if (effectFn !== activeEffect) {
            effectsToRun.add(effectFn)
        }
    })
    effectsToRun.forEach(effectFn => effectFn())
}

// 儲存副作用函數(shù)的桶
  const bucket = new WeakMap()
  // 用于儲存被注冊的副作用的函數(shù)
  let activeEffect = undefined
  // 副作用函數(shù)棧
  const effectStack = []
  function cleanup (effectFn) {
    for (let itme of effectFn.deps) {
      itme.delete(effectFn)
    }
    effectFn.deps.length = []
  }
  function effect (fn) {
    const effectFn = () => {
        cleanup(effectFn)
        // 調(diào)用當前的副作用函數(shù)時, 賦值給 全局變量
        activeEffect = effectFn
        // 在調(diào)用副作用函數(shù)之前將該函數(shù)壓入棧
        effectStack.push(effectFn)
        fn()