js执行机制

javascript是单线程语言,所以javascript是按照语句出现的顺序执行的。既然javascript是单线程语言,那么js任务也要一个一个顺序执行。如果一个任务耗时过长,那么后一个任务也必须等着。这样不利于开发,所以需要将任务分为两类:1、同步任务;2、异步任务;

js执行机制
这张图片告诉我们:
1、分清楚什么是同步任务、哪个是异步任务,同步任务和异步任务进入不同的场所,同步任务进入主流程栈中,异步的进入Event Table并注册函数。
2、一旦异步任务指定的事情完成过后,其对应的回调函数移入Event Queue。
3、主线程内的任务执行完毕为空,会去Event Queue读取对应的函数,进入主线程执行
4、上述过程会不断重复,也就是常说的Event Loop(事件循环)(事件循环根据判断宏任务是否执行结束)
例子1:
let data = [];
$.ajax({

url:www.javascript.com,
data:data,
success:() => {
    console.log('发送成功!');
}

})
console.log('代码执行结束');
分析:
1、ajax进入Event Table,注册回调函数success
2、ajax是异步任务,同步任务console.log('代码执行结束')会挂到主线程上执行。
3、ajax事件完成,回调函数success进入Event Queue。
4、主线程为空过后,主线程从Event Queue读取回调函数success并执行

js执行机制
这张图告诉我们:
1、我们对任务有更精细的定义:
macro-task(宏任务):包括整体代码script,setTimeout,setInterval
micro-task(微任务):Promise,process.nextTick
不同类型的任务会进入对应的Event Queue,比如setTimeout和setInterval会进入相同的Event Queue。
2、进入整体代码(宏任务)(同步任务)后,开始第一次循环。接着执行所有的微任务。然后再次从宏任务开始,找到其中一个任务队列执行完毕,再执行所有的微任务
作者:ssssyoki
链接:https://juejin.im/post/59e85e...
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

相关推荐