// "force" the microtask queue to be flushed by adding an empty timer.
if (isIOS) setTimeout(noop)
}
} else if (!isIE && typeof MutationObserver !== 'undefined' && (
isNative(MutationObserver) ||
// PhantomJS and iOS 7.x
MutationObserver.toString() === '[object MutationObserverConstructor]'
)) {
// use MutationObserver where native Promise is not available,
// e.g. PhantomJS, iOS7, Android 4.4
var counter = 1
var observer = new MutationObserver(nextTickHandler)
var textNode = document.createTextNode(String(counter))
observer.observe(textNode, {
characterData: true
})
timerFunc = () => {
counter = (counter + 1) % 2
textNode.data = String(counter)
}
} else {
// fallback to setTimeout
/* istanbul ignore next */
timerFunc = () => {
setTimeout(nextTickHandler, 0)
}
}
return function queueNextTick (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
timerFunc()
}
if (!cb && typeof Promise !== 'undefined') {
return new Promise((resolve, reject) => {
_resolve = resolve
})
}
}
})()
首先我们看到这个是利用了闭包的特性，返回queueNextTick，所以我们实际调用的nextTick其实就是调用queueNextTick，一调用这个方法，就会把nextTick的回调放入队列callbacks当中，等到合适的时机，会将callbacks中的所有回调取出来执行，以达到延迟执行的目的。为啥要用闭包呢，我觉得有两个原因：
1、共享变量，比如callbacks、pending和timerFunc。
2、避免反复判断，即是避免反复判断timerFunc是利用Promise还是利用MutationObserver或是setTimeout来实现异步，这是函数柯里化的一种运用。
这里有两个最主要的方法需要解释下：
1、 nextTickHandler
这个函数，就是把队列中的回调，全部取出来执行，类似于microtask的任务队列。我们通过调用Vue.$nextTick就会把回调全部放入这个队列当中，等到要执行的时候，调用nextTickHandler全部取出来执行。
2、 timerFunc
这个变量，它的作用就是通过Promise/Mutationobserver/Settimeout把nextTickHandler放入到真正的任务队列当中，等到事件循环结束，就从任务队列当中取出nextTickHandler来执行，nextTickHandler一执行，callbacks里面的所有回调就会被取出来执行来，这样就达到来延迟执行nextTick传的回调的效果。
通过这个简单的源码分析，我们可以得出两个结论
1、nextTick会根据不同的执行环境，异步任务可能为microtask或者macrotask，而不是固定不变的。所以，如果你想让nextTick里面的异步任务统统看成是microtask的话，你会遇到坑的。
