1. 同步API

同步API从上到下依次执行,前面代码会阻塞后面代码的执行

for (var i = 0; i < 1000; i++) {
    console.log(i);
}

console.log('for循环后面的代码');

执行结果:
先将for循环执行完毕后,再执行for循环后面的代码
在这里插入图片描述

2. 异步API

异步API不会等待API执行完成后再向下执行代码

console.log('代码开始执行');

setTimeout(() => {
    console.log('2秒后执行的代码');
}, 2000);

setTimeout(() => {
    console.log('0秒后执行的代码');
}, 0);

console.log('代码结束执行');

执行结果:
在这里插入图片描述

执行分析:
在这里插入图片描述
先将所有的同步代码依次执行,期间将异步代码放入异步代码执行区回调函数队列。同步代码执行完毕后,在回调函数队列中根据定时器的时间来依次执行相应的代码,延时少的先执行,延时多的后执行。

Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐