JS执行机制

JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。

单线程就意味着，所有的任务需要排队，前一个任务结束，才会执行下一个任务。这样所导致的问题是：如果JS执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的觉。

为了解决这个问题，利用多核CPU的计算能力，HTML5提出web worker标准，允许JavaScript脚本创建多个进程，于是，JS中出现了同步和异步。他们的本质区别是：一条流水线上各个流程的执行顺序不同。

同步：前一个任务结束后再执行下一个任务，程序的执行顺序与任务的排列顺序是一致的、同步的。比如我们要烧水煮饭，等水开了（10分钟之后），再去切菜，炒菜。

异步：你在做一件事情时，因为这件事情会花费很长的时间，在做这件事的同时，你还可以去处理其他的事情。比如做饭的异步做法，在烧水的同时，利用这10分钟，去切菜，炒菜。

   
     <script>
        console.log(1);
        setTimeout(function(){
            console.log(3)
        },1000);
        console.log(2) 
   //输出123 而不是132
       
    </script>

同步任务：都在主线程上执行，形成一个执行线。

异步任务：JS的异步是通过回调函数实现的。

一般而言，异步任务有以下三种类型；

1、普通事件，如click、resize等

2、资源加载，如load、error等

3、定时器，包括setTimeout、setInterval等

异步任务相关回调函数添加到任务队列中

执行机制：1、先执行执行栈中的同步任务。

                  2、异步任务(回调函数)放入任务队列中。

                  3、一旦执行栈中的所有同步任务执行完毕，系统就会按次序读取任务队列中的异步任务，于是被读取的异步任务结束等待状态，进入执行栈，开始执行。

多个异步任务时：当主线程执行完成时，开始异步任务；在主线程中读取到第一个异步任务，经过异步进程处理加入任务队列，在主线程上执行。（比如鼠标点击事件，如果鼠标进行点击操作，异步进程处理就会把该事件的回调函数加入到任务队列中，然后再回到主线程上执行，如果鼠标不进行点击，那么异步进程就不会把该回调函数加入到任务队列中，也就不会到主线程上执行，）

事件循环：主线程不断的重复获得任务、执行任务、再获取任务、再执行