对于Js的运行机制理解

一、js的运行机制

1. JavaScript是单线程，意味着任务要一个接着一个完成，但是，如果前一个任务执行时间很长，那么后面的任务就得一直阻塞着，这样用户体验十分差。

2. JavaScript的任务分为两种，在主线程上执行的任务"同步任务"，被主线程挂载起来的任务"异步任务",后者一般是放在一个叫任务队列的数据结构中。

3. 异步执行运行机制，也就是js的运行机制：

   1） 所有同步任务都在主线程上执行，形成一个执行栈
   2） 主线程之外，还有一个“任务队列”,只要异步任务有了运行结果，就在“任务队列”之中放置一个事件
   3） 一旦“执行栈”中的所有同步任务执行完毕了，系统就会读取“任务队列”，看看里面有哪些事件。那些对应的异步任务，于是结束等待状态，进入执行栈，开始执行
   4） 主线程不断重复上面的三步

4. 任务队列就是一个事件队列，一般只有主线程所有任务都执行完毕了，才会执行任务队列里面的异步任务，一般是按照队列的“先进先出”顺序执行

5. 定时器，属于任务队列中的异步任务，定时器主要由setTimeout()和setInterval()两个函数来完成，内部运行机制完全一样，不同的只是，前者一次性执行，而后者反复执行

6. 运行过程：
   1） 执行一个宏任务，过程中如果遇到微任务，就将其放到微任务的事件队列里
   2） 当前宏任务执行完成后，会查看微任务的事件队列，并将里面全部的微任务依次执行完