参考答案

简单版本： React 利用状态队列机制实现了 setState 的“异步”更新，避免频繁的重复更新 state。

首先将新的 state 合并到状态更新队列中，然后根据更新队列和 shouldComponentUpdate 的状态来判断是否需要更新组件。

复杂版本：

  • enqueueSetState 将 state 放入队列中，并调用 enqueueUpdate 处理要更新的 Component
  • 如果组件当前正处于 update 事务中，则先将 Component 存入 dirtyComponent 中。否则调用batchedUpdates 处理。
  • batchedUpdates 发起一次 transaction.perform() 事务
  • 开始执行事务初始化，运行，结束三个阶段
    • 初始化：事务初始化阶段没有注册方法，故无方法要执行
    • 运行：执行 setSate 时传入的 callback 方法
    • 结束：更新 isBatchingUpdates 为 false，并执行 FLUSH_BATCHED_UPDATES 这个 wrapper 中的close方法，FLUSH_BATCHED_UPDATES在close阶段，会循环遍历所有的 dirtyComponents，调用updateComponent 刷新组件，并执行它的 pendingCallbacks, 也就是 setState 中设置的 callback。