js执行机制

• js是单线程的，也就是说在同一个时间中能做一件事，这是因为js这们脚本语言诞生的使命所导致的，js是处理页面中的用户的交互，以及操作DOM而诞生的，比如我们对某个DOM元素的进行添加和删除，不能同时进行，要先添加再删除
• 单线程就意味着，所有的任务需要排队，前一个任务结束才会执行下一个任务，如果一个任务的执行时间过长，这样就会导致线程阻塞，导致页面的渲染不连贯。
• 为了解决这个问题，利用多核cpu的计算能力，html5提出，web worker标准，允许js脚本创建多个线程，于是js中出现了同步和异步

---

同步

• 前一个任务结束后再执行后一个任务，程序的执行顺序与任务的书写顺序一致

异步

• 处理一个任务花费很常的等待时间，在做这件事的同时可以去处理其他的事情
• 同步和异步的本质区别是：这条流水线各个流程的执行顺序不同

同步任务

• 同步任务都在主线程说给你执行，形成一个执行栈

异步任务

• js的异步是通过回调函数来实现的
• 异步任务有以下三种类型
  • 普通事件的回调 如 click resize
  • 资源加载 如 load error
  • 定时器 setInterval setTimeout等
• 异步任务相关回调函数添加到任务队列中 （任务队列也称为消息队列）

执行顺序

1. 先执行执行栈中的同步任务
2. 异步任务（回调函数）放入到任务队列中
3. 一但执行栈中的所有同步任务执行完毕，系统就会按次序读取任务队列中的异步任务，于是被读取的异步任务结束等待状态，进入执行栈，开始执行。

• 由于主线程不断的重复获得任务，执行任务，再获取任务，再执行，所以这种机制被称为事件循环