EventLoop

JavaScript是一门单线程执行的编程语言。同一时间只能做一件事情。单线程执行任务队列的问题：如果前一个任务非常耗时，则后续的任务就要一直等待，从而导致程序假死的问题。

1.同步任务和异步任务

同步任务：非耗时任务，在主线程上排队执行的任务，只有前一个执行完毕，才能执行后一个任务。

异步任务：耗时任务，异步任务有JavaScript委托给宿主环境进行任务。当异步任务执行完成后，会通知JavaScript主线程执行异步任务的回调函数。

2.同步任务和异步任务的执行过程

js主线程从执行栈中寻找任务，按照次序来执行，

宿主环境(浏览器或Node.js)执行异步耗时任务，

任务队列存放回调函数

a.同步任务由js主线程按次序执行，

b.异步任务委托给宿主环境执行，

c.已完成的异步任务对应的回调函数会被加入到任务队列中等待执行，

d.js主线程的执行栈被清空后会读取任务队列中的回调函数按次序执行，

e.js主线程不断重复第4步

3.EventLoop的 基本概念

js主线程从任务队列中读取异步任务的回调函数，放到执行栈中依次执行。这个过程是循环不断的，所以整个的这种运行机制又称为EventLoop事件循环。

const fs = require('fs');
console.log('A');

fs.readFile('./1.txt', 'utf-8', function(err, result) {
    if (err) {
        return console.log('文件读取失败' + err.message)
    }
    console.log('B');
    return console.log('文件读取成功，内容是' + result);
})


setTimeout(() => {
    console.log('C');
}, 0)

console.log('D');

A
D
C
B
文件读取成功，内容是1111

A和D属于同步任务，会根据代码的先后顺序执行。

读取文件耗时委托给宿主环境执行，定时器耗时委托给宿主环境执行。

定时器0秒不需要等待时间，立即把回调函数放到异步队列里，文件读取完成后也放到异步队列里排队执行，等待主线程空闲时再执行。

4.宏任务和微任务

宏任务：异步Ajax，setTimeout,setInterval，文件操作，其他宏任务

微任务：Promise.then 、.catch、 .finally，process.nextTick，其他微任务

每一个宏任务执行结束完成后，都会检查是否存在待执行的微任务，如果有，则执行完所有微任务之后，再继续执行下一个宏任务。

setTimeout(() => {
    console.log('1');
}, 0)

new Promise((resolve) => {
    console.log('2');
    resolve();
}).then(() => {
    console.log('3');
})

console.log('4');   

2
4
3
1

setTimeout是宏任务，new Promise同步任务new Promise会立即执行function里的代码，Promise.then是微任务

先执行所有同步任务，同步任务执行完成后，检查是否存在待执行的微任务，再执行微任务，再执行下一个宏任务。

同步任务和异步任务执行完成后都会检查是否存在待执行的微任务。