如何理解 yield 后面紧跟非字面量表达式时 V8 引擎内部的隐式挂起与求值演变

yield 表达式挂起发生在其右侧表达式求值完成的瞬间，而非 yield 关键字处；V8 将 yield E 视为求值与挂起的原子操作，中间不可插入其他逻辑，副作用、getter 调用、函数链均在挂起前执行完毕。

当 yield 后面跟的不是字面量（比如 yield x + 1、yield obj.method() 或 yield await fetch(...)），V8 并不会“提前计算”该表达式，而是在执行到这一行时才求值，并在求值完成的**瞬间挂起生成器函数**——这个过程是隐式的、不可跳过的，且严格绑定在 yield 表达式求值结束的那一刻。

yield 不是暂停点，而是求值+挂起的原子操作

V8 把 yield E 视为一个整体：必须先完整求出表达式 E 的值，然后才触发挂起。中间不能插入任何其他 JS 执行逻辑。例如：

• yield expensiveCalc() + 1：先同步执行 expensiveCalc()，拿到返回值，再加 1，最后挂起；整个过程阻塞当前调用栈
• yield Promise.resolve(42)：立即求值得到一个已 resolve 的 promise 对象，然后挂起（不等待 promise settle）
• yield await apiCall()：注意这是语法错误——await 只能在 async 函数里用；generator 中需用 yield 配合手动驱动 promise 状态，如 yield apiCall()

挂起时机由表达式求值终点决定，而非 yield 关键字位置

很多人误以为写在 yield 后面就“立刻挂起”，但实际挂起发生在表达式求值完成之后。这意味着：

• 副作用会先发生：yield console.log('side effect'), 123 会先打印，再挂起并返回 123
• 访问器或 getter 会被触发：yield obj.val 若 val 是 getter，则 getter 函数执行完、返回值确定后，才挂起
• 函数调用链完整走完：yield a().b().c() 从左到右全部执行完毕、拿到最终结果，才挂起

与字面量 yield 的关键区别在于“可预测性”和“可观测开销”

字面量（如 yield 42、yield 'hello'）求值极快，挂起几乎无延迟；而非字面量引入了不确定的执行时长和潜在副作用，这直接影响生成器的可控性：

• 无法通过外部中断中止正在求值的表达式（比如 yield longRunningLoop() 会卡住整个 generator 直到循环结束）
• 每次 next() 调用可能引发不同开销，破坏节奏稳定性
• 调试时断点落在 yield 行，实际停靠位置是表达式求值后的那一帧，而非关键字本身

优化建议：把复杂逻辑移出 yield 表达式

为提升可读性、可测性和执行确定性，推荐将非字面量计算提前完成：

• ❌ 不推荐：yield computeHeavyResult() * 2 + Date.now()
• ✅ 推荐：const val = computeHeavyResult() * 2 + Date.now(); yield val;
• 对异步场景，用 async function*（V8 支持）配合 yield await，此时挂起真正发生在 promise settle 后，语义更清晰