JavaScript - 执行机制、同步、异步
js单线程
JavaScript语言的最大特点就是单线程，即，同一个时间只能做一件事。
单线程带来的问题
- 所有任务需要排队，前一个任务结束了，才会执行下一个
- 导致JS执行的时间过长，造成页面渲染不连贯，会引起页面渲染加载阻塞的感觉
同步与异步
为了解决渲染加载阻塞的问题，JS出现了同步和异步
-
同步任务
前一个任务执行结束再执行下一个任务，程序的执行顺序和任务的排列顺序是一致的。
同步任务在主线程执行，形成一个执行栈。 -
异步任务
JS的异步是通过回调函数实现的。
一般而言，异步任务有三种类型
- 普通事件：如click等；
- 资源加载：如load等；
- 定时器：如：setInterval、setTimeout等；
异步任务相关回调函数添加到任务队列（也称作消息队列）中。
执行机制
执行机制过程
- 先执行执行栈中的同步任务
- 异步任务放入任务队列中
- 一旦执行栈中的所有同步任务执行完毕之后，系统会依次读取任务队列中的异步任务，读取到的异步任务会结束等待状态，进入执行栈，开始执行。
图解