商汤科技前端

JS的异步

var now = new Date();
setTimeout(function(){console.log(new Date() - now)},300);
while(new Date() - now <200){}

输出300

var now = new Date();
setTimeout(function(){console.log(new Date() - now)},300);
while(new Date() - now <1000){}

输出1000

单线程是JavaScript的一大特性。
在JavaScript中任务有两种，一种是同步任务，一种是异步任务。

同步任务：各个任务按照文档定义的顺序一一推入”执行栈”中，当前一个任务执行完毕，才会开始执行下一个任务。

异步任务：各个任务推入”任务队列”中，只有在当前的所有同步任务执行完毕，才会将队列中的任务”出队”执行。（注：这里的异步任务并不一定是按照文档定义的顺序推入队列中）

所以在上述例子中，
例一，300ms后，console被推入异步队列中，同时执行while循环，当推入队列时while循环已结束，无其他同步操作，输出300
例二，当console在队列里时，while循环还未结束，需等同步任务结束，所以输出1000

因为是异步任务，setTimeout的时间并不会阻拦while循环的进行
开发中比较常用的异步操作有：
网络请求，如ajax http.get
IO 操作，如readFile readdir
定时函数，如setTimeout setInterval
还包括一些用户产生的事件（比如鼠标点击、页面滚动等等）。