4.10 立即执行的 watch 与回调执行时机

let oldValue, newValue

const job = () => {
  newValue = effectFn()  // 重新执行副作用函数拿新值
  cb(newValue, oldValue) // 执行回调
  oldValue = newValue    // 更新旧值
}

const effectFn = effect(
  () => getter(),
  {
    lazy: true,
    scheduler: job // 变更时执行 job
  }
)

if (options.immediate) {
  job()                 // 立即执行 → 触发回调
} else {
  oldValue = effectFn() // 只拿旧值，不执行回调
}

watch(
  () => obj.foo,
  (newValue, oldValue) => console.log(newValue, oldValue),
  { immediate: true }
)

const effectFn = effect(
  () => getter(),
  {
    lazy: true,
    scheduler: () => {
      if (options.flush === 'post') {
        // 'post'：把 job 放到微任务队列，等同步代码跑完再执行
        const p = Promise.resolve()
        p.then(job)
      } else {
        // 默认分支相当于 'sync'：同步执行
        job()
      }
    }
  }
)

watch(() => obj.foo, cb, { immediate: true, flush: 'post' })

obj.foo++
console.log('这个 log 比回调函数先执行') // 回调被推迟到微任务，所以先打印这句
obj.foo++