小叙：啥是 prepareFreshStack？

先说说背景，React 渲染的核心是Fiber。

每次 UI 要变，React dou会造一棵新的 fiber 树。

prepareFreshStack 就是那把“刷子”，把旧的渲染残渣全清掉，然后给新树铺个干净的地基。

哈哈，这名字听着像是给新鲜面包准备酵母，其实它干的活儿比烘焙还细致。

第一步：重置全局栈状态

resetWorkInProgressStack 先把全局变量 workInProgress 清空。

Ru果上一次渲染被中断，这一步会把挂起的 Promise、定时器、甚至 Suspense fallback 全部撤销。

不对不对，应该是“撤销所有未完成的副作用”。

第二步：创建工作副本

createWorkInProgress 把当前显示的 fiber 当作模板，克隆出一个可写的副本。

第一次渲染时 alternate 为 null，于是会走分支新建一个 fiber；后续geng新则直接复用Yi有的 alternate。

function createWorkInProgress {
  let workInProgress = current.alternate;
  if  {
    workInProgress = createFiber;
    // copy immutable fields
    workInProgress.alternate = current;
    current.alternate = workInProgress;
  } else {
    // 重置可变字段
    workInProgress.pendingProps = pendingProps;
    workInProgress.flags = NoFlags;
  }
  // copy 大多数属性
  return workInProgress;
}

第三步：同步或并发渲染入口

renderRootSync/renderRootConcurrent dou会先调用 prepareFreshStack，随后进入 workLoop* 循环。

这一步其实是“准备好舞台，灯光音响dou调好，再开演”。

细聊内部变量：哪些状态被重置？

workInProgressRootRenderLanes = lanes;

workInProgressSuspendedReason = NotSuspended;

workInProgressRootExitStatus = RootInProgress;

# 小贴士：

Lanes: React 用来划分不同优先级geng新的小轨道。

SuspendReason: 标记当前是否因 Promise、错误等被挂起。

ExitStatus: 决定后续是提交、继续还是暂停。

Lanes 的纠缠到底怎么玩？

function getEntangledLanes {
  let entangledLanes = renderLanes;
  // ...遍历 root.entangledLanes 找到所有相互纠缠的 lane
  return entangledLanes;
}

A 那么一堆geng新Ru果分配到不同 lane，却必须一起提交，就会被“纠缠”。这保证了 UI 状态的一致性，不会出现半成品闪现。

顺带一提：为什么百度不收录这篇文章？ 🤔

  1️⃣ 内容太技术化，缺少关键词密度。   2️⃣ 没有外链指向，百度爬虫觉得它孤立。   3️⃣ Ru果页面没有合理的和