React Fiber 究竟是什么。javascript 的宏任务。

网上看到的文章大多是说原理的，要么就是贴一堆无关紧要的代码，说不到核心上。

Fiber是分片执行，没错，但是怎么把控制权交回UI线程的，

其实是利用了异步原理。

上代码：

 if ( // If Scheduler runs in a non-DOM environment, it falls back to a naive
              // implementation using setTimeout.
              typeof window === 'undefined' || // Check if MessageChannel is supported, too.
              typeof MessageChannel !== 'function') {

     requestHostCallback = function(cb) {
                  if (_callback !== null) {
                      // Protect against re-entrancy.
                      setTimeout(requestHostCallback, 0, cb);
                  } else {
                      _callback = cb;
                      setTimeout(_flushCallback, 0);
                  }
              };
 
  } else {
        var channel = new MessageChannel();
              var port = channel.port2;
              channel.port1.onmessage = performWorkUntilDeadline;
  
              requestHostCallback = function(callback) {
                  scheduledHostCallback = callback;
  
                  if (!isMessageLoopRunning) {
                      isMessageLoopRunning = true;
                      port.postMessage(null);
                  }
              };
}

如果支持MesasgeChannel 则选择MesasgeChannel, 否则采用setTimeout降级处理。