vue2中 nextTick的源码及注释讲解

nextTick是Vue中的一个API，用于在下一个DOM更新循环结束之后执行延迟回调。它的源码如下：

export function nextTick (cb?: Function, ctx?: Object) {
  let _resolve
  callbacks.push(() => {
    if (cb) {
      try {
        cb.call(ctx)
      } catch (e) {
        handleError(e, ctx, 'nextTick')
      }
    } else if (_resolve) {
      _resolve(ctx)
    }
  })
  if (!pending) {
    pending = true
    if (useMacroTask) {
      macroTimerFunc()
    } else {
      microTimerFunc()
    }
  }
  // $flow-disable-line
  if (!cb && typeof Promise !== 'undefined') {
    return new Promise(resolve => {
      _resolve = resolve
    })
  }
}

这里简单解释一下它的实现：

1. 定义了一个callbacks数组，用于存放需要执行的回调函数。
2. 将回调函数推入callbacks数组中。
3. 如果pending为false，则设置pending为true，并且调用macroTimerFunc或microTimerFunc函数（根据useMacroTask的值来决定调用哪个函数）。
4. 如果cb不存在且Promise存在，则返回一个Promise实例，同时将_resolve函数赋值为resolve函数。
5. 如果cb存在，则执行cb函数，如果发生异常，则调用handleError函数处理异常。

其中，macroTimerFunc和microTimerFunc函数的作用是将flushCallbacks函数推入任务队列中，在下一个事件循环中执行flushCallbacks函数。

至于useMacroTask的值，则根据浏览器的支持情况来决定。在一些浏览器中，使用setImmediate会比使用setTimeout性能更好，因此优先使用setImmediate。否则，使用MessageChannel或setTimeout。

至此，我们对nextTick的源码进行了简单的讲解。