1.执行过程:
①同步任务由JavaScript主线程次序执行
②异步任务委托给宿主环境执行
③已完成的异步任务对应的回调函数会被加入到任务队列中等待执行
④JavaScript主线程的执行栈被清空后,会读取任务队列中的回调函数,次序执行
⑤JavaScript主线程不断重复上面的第四步
2.EventLoop(事件循环):JavaScript主线程从“任务队列”中读取异步任务的回调函数,放到执行栈中依次执行这个过程是循环的,所以整个机制称为:EventLoop
3.例题(经典面试题)
import thenFs from 'then-fs'
console.log('A')
thenFs.readFile('./files/1.txt','utf8').then(dataStr => { console.log('B') })
setTimeout(() => { console.log('C')},0)
console.log('D')
输出顺序:ADCB
解析:①A和D属于同步任务,会根据代码先后顺序依次执行
②setTimeout和thenFs属于异步任务,会委托给宿主环境执行,然后加入到任务队列
③由于setTimeout是延迟0毫秒后执行,肯定会小于读取文件的时间,所以是setTimeout先进入任务队列,所以先执行输出C,最后输出B
4.异步任务再次划分为:宏任务和微任务
①宏任务包括:setTimeout,setInterval、文件操作、以及其他宏任务
②微任务包括:Promise.then .catch 和.finally、process.nextTick、以及其他微任务
5.宏任务和微任务的执行过程
6.例题(经典面试题)
setTimeout(function(){ console.log('1') })
new Promise(function (reslove){
console.log('2')
resolve()
}).then(function(){
console.log('3')
})
console.log('4')
执行顺序:2431
解析:
①先执行所有的同步任务,new Promise 对象属于同步任务,会立即执行,然后就执行console.log('4')
②当同步任务执行完成后,进行异步任务的执行
③执行异步任务时会先检查是否有微任务,.then属于微任务,会输出3,setTimeout属于宏任务,最后执行