最近在学习一些底层方面的知识。所以想做个系列尝试去聊聊这些比较复杂又很重要的知识点。学习就好比是座大山，只有自己去登山，才能看到不一样的风景，体会更加深刻。今天我们就来聊聊Vue中比较重要的异步更新策略及 nextTick 原理。
在聊话题之前我们可以看下下面这道面试题：
setTimeout(() => {
console.log('真的在300ms后打印吗？')
}, 300)
复制代码这段代码很简单，相信很多人都会说yes。当然也不乏大牛的存在，一眼就能看出答案来不一定。这是为什么呢？在面试过程中碰到这类问题如何回答才能让面试官满意，并且如何去扩散我们的知识点。
在正式讲解之前我们可以先了解一些简单的概念：
什么是进程： 进程是cpu分配资源的最小单位；（是能拥有资源和独立运行的最小单位）
什么是线程： 线程是cpu调度的最小单位；（线程是建立在进程的基础上的一次程序运行单位，一个进程中可以有多个线程）
概念理解起来比较枯燥，做个比喻好了：
进程 就是一个公司，每个公司都有自己的资源可以调度；公司之间是相互独立的；而 线程 就是公司中的每个员工，多个员工一起合作，完成任务，公司可以有一名员工或多个，员工之间共享公司的空间。
浏览器是多进程的： 在浏览器中，每打开一个tab页面，其实就是新开了一个进程，在这个进程中，还有ui渲染线程，js引擎线程，http请求线程等。 所以，浏览器是一个多进程的。
js是单线程的： js是作为浏览器的脚本语言，主要是实现用户与浏览器的交互，以及操作dom；这决定了它只能是单线程，否则会带来很复杂的同步问题。 举个例子：如果js被设计了多线程，如果有一个线程要修改一个dom元素，另一个线程要删除这个dom元素，此时浏览器就会一脸茫然，不知所措。所以，为了避免复杂性，从一诞生，JavaScript就是单线程。
由于js是单线程，js设计者把任务分为同步任务和异步任务，同步任务都在主线程上排队执行，前面任务没有执行完成，后面的任务会一直等待；异步任务则是挂在在一个任务队列里，等待主线程所有任务执行完成后，通知任务队列可以把可执行的任务放到主线程执行。异步任务放到主线程执行完后，又通知任务队列把下一个异步任务放到主线程中执行。这个过程一直持续，直到异步任务执行完成，这个持续重复的过程就叫Event loop。而一次循环就是一次tick 。
在任务队列中的异步任务又可以分为两种microtast（微任务） 和 macrotask（宏任务）
microtast（微任务）：Promise， process.nextTick， Object.observe， MutationObserver
macrotask（宏任务）：script整体代码、setTimeout、 setInterval等
执行优先级上，先执行宏任务macrotask，再执行微任务mincrotask。
执行过程中需要注意的几点是：
因为300ms的setTimeout并不是说300ms之后立马执行，而是300ms之后被放入任务列表里面。等待事件循环，等待它执行的时候才能执行代码。如果异步任务列表里面只有它这个macrotask任务，那么就是精确的300ms。但是如果 还有microtast等其它的任务，就不止300ms了。
在面试过程中有时也会遇到这类问题。在这之前我以为考的是let和var的区别，其实它里面也包含着今天讲的知识。
for(var i =0 ;i < 3; i++) {
console.log("for中i的值："+i)
var time = setTimeout(() => {
console.log("setTimeout中i的值："+i)
}, 300);
}
复制代码打印的结果导致是什么样的呢：
用let改变一下结果就不一样。最终依次打印出 setTimeout中i的值：0、1、2
for(let i =0 ;i < 3; i++) {
console.log("for中i的值："+i)
var time = setTimeout(() => {
console.log("setTimeout中i的值："+i)
}, 300);
}
复制代码