响应式劫持通过函数表达式动态生成get/set回调，利用Object.defineProperty或Proxy实现新增属性秒级生效；支持闭包访问上下文、按需触发更新与副作用，并通过微任务确保DOM更新安全。
直接用函数表达式为新属性创建响应式劫持，核心在于：在属性注入时，立即通过 Object.defineProperty（或 Proxy）为其绑定 get / set 回调，并把函数表达式作为回调体——这样既避免提前定义冗余方法，又能实现秒级生效。
用函数表达式动态生成 setter 逻辑
当新属性被注入（比如通过 vm.$set 或手动赋值），不预先写死处理函数，而是现场构造一个闭包函数作为 setter：
- 该函数能访问当前上下文（如组件实例、依赖收集器）、新属性名、旧值、新值
- 内部可触发更新队列、通知 watcher、执行副作用（如日志、校验、联动计算）
- 示例：
set: (val) => { this._notify('userInfo.name', val); this._triggerEffect('displayName'); }
结合 Proxy 实现新增属性自动劫持
若底层用 Proxy，可在 set 拦截器中识别首次赋值的新键，并即时为其生成函数表达式回调：
- 检查
!target.hasOwnProperty(key)，确认是新增属性 - 调用封装好的
createReactiveSetter(key)，返回一个带依赖追踪和更新调度的函数 - 该函数内联写法简洁，例如：
() => { track(target, key); trigger(target, key, value); }
避免重复定义，复用通用函数表达式模板
不必为每个属性写独立函数，可预设几个高阶模板，注入时传参生成具体回调：
-
watcherSetter(effectFn)→ 返回(val) => { effectFn(val); notify(); } -
computedSetter(getter)→ 返回() => { cache = getter(); notify(); } - 注入属性时直接调用：
defineReactive(obj, key, val, watcherSetter(() => doSomething()))
确保回调在微任务中安全执行
函数表达式里涉及 DOM 更新或异步逻辑时，需包裹在 queueMicrotask 或框架 nextTick 中：
- 防止同步执行导致响应链断裂或状态不一致
- 例如：
set: (val) => queueMicrotask(() => { this.$el.textContent = val; }) - 尤其在服务端渲染或 SSR hydration 场景下，这是秒级重塑不翻车的关键
