三: 3.创建 workLoop

zh-lx · Nov 10, 2021 · 5b5c5fa · 5b5c5fa
1 parent e6967c0
commit 5b5c5fa
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/mini-react/fiber.js b/src/mini-react/fiber.js
@@ -102,3 +102,16 @@ function performUnitOfWork(workInProgress) {
     }
   }
 }
+
+// 处理循环和中断逻辑
+function workLoop(deadline) {
+  let shouldYield = false;
+  while (nextUnitOfWork && !shouldYield) {
+    // 循环执行工作单元任务
+    performUnitOfWork(nextUnitOfWork);
+    shouldYield = deadline.timeRemaining() < 1;
+  }
+  requestIdleCallback(workLoop);
+}
+
+requestIdleCallback(workLoop);