js事件循环

事件循环

别的不说先上图

如果根据这张图来说我们可以这样：当js代码刚执行的时候会有一个匿名的主事件被丢到callbackqueue（任务队列），js引擎会先调用栈里面的任务完成之后才会调用堆里面的认为，也就是读取任务队列里的任务，任务队列里面，js引擎会从任务队列里面取一个事件来执行，因为js是单线程的（此处可以解释一下），因此每次只能执行一个事件，因此如果这个队列中有一些异步任务，比如DOM，ajax和setTimeput会交给WebApis来处理，当WebApis执行完成之后会将里面的回调函数重新交给主线程，如果主线程里面的事件为空，则会执行这些回调函数，重新被js引擎所调用。如果js引擎中发现还要异步任务那在丢给webapi。
但是其实我们也可以这样说：当js代码刚执行的时候，主线程会先处理同步任务，异步任务放在任务队列里面运行，都由js引擎调用事件的运行，当遇到异步任务时交给外部API运行常见的外部异步任务由分为宏任务和微任务，先运行宏任务再运行微任务，常见的宏任务有定时器dom操作ajax微任务有promise.then方法，同步任务直接运行，不需要等待，当异步任务执行出结果之后在放在任务队列里面，由js引擎直接调用，如果js引擎前没有同步任务此时就可以执行异步任务啦。

js单线程原理

因此js主要用途是与用户交互，及操作dom，决定了它只能是单线程，否则会带来很复杂的同步问题，参考 阮一峰前辈，比如假定js同时有两个线程，可以进行异步操作，一个线程在某个dom节点上添加内容，另一个删除dom节点，那应该如何处理呢？

总结

明白这些让我们明白代码执行的具体流程帮助我们解决一些异步事件的处理。