JS的执行机制
- js语言的最大特点就是单线程,意思就是同一时间只能做一件事
- 单线程就意味着,所有的任务需要排队,前一个任务结束后,才会执行后一个任务,这样所导致的问题就是:如果JS执行的时间过长,这样就会造成页面的渲染不连贯,导致页面渲染加载阻塞
- 为了解决,单线程可能造成的问题,利用多核CPU的计算能力,HTML5提出web worker标准,允许JS脚本创建多个线程,于是JS中出现了同步和异步
同步:前一个任务结束后,再执行后一个任务,程序的执行顺序和任务的排列顺序是一致的
异步:同时做多个任务、
同步和异步的本质区别:在流水线上,各个流程的执行顺序不同 - js为了帮助我们的任物有一个排队或等待的过程较长的问题,把任务分成了两大类:同步任务和异步任务
所有的同步任务都在主线程上执行,形成了一个执行栈
异步任务:JS的异步函数是通过回调函数实现的,一般而言,异步任务有以下三种类型:
普通事件:click resize等
资源加载:loade error等
定时器:
异步任务的相关回调函数,添加到任务队列中(任务队列也称为消息队列)
JS的执行机制:
(1)先执行执行栈中的同步函数,
(2)如果遇到异步任务,就把异步任务中的回调函数放到任务队列中,继续执行执行栈中的同步任务
(3)一旦执行栈中所有的同步任务执行完毕,系统会按次序读取任务对列中的异步函数,于是被读取的异步任务中结束等待状态,进入执行栈开始执行