Javascript的同步、异步、回调执行顺序

在做笔试题的时候,遇到一个很经典的题目,关于setTimeout的输出结果,先来看一道题目:

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

那么输出的结果是什么呢?
第一种可能的答案:0 1 2 3 4 5
第二种可能的答案:5 5 5 5 5 5 (后面每个5隔一秒输出)
显然第二种结果是正确的。
首先看一下一个口令或者说方法:
同步优先、异步靠边、回调垫底
用公式表达就是:同步 => 异步 => 回调
现在根据这个口令来分析一下结果:
1)for循环和循环体外部的console是同步的,所以先执行for循环,再执行外部的console.log。(同步优先
2)for循环里面有一个setTimeout回调,他是垫底的存在,只能最后执行。(回调垫底
那么,为什么我们最先输出的是5呢?
for循环先执行,但是不会给setTimeout传参(回调垫底),等for循环执行完,就会给setTimeout传参,而外部的console打印出5是因为for循环执行完成了。

猜你喜欢

转载自blog.csdn.net/weixin_41821630/article/details/82956513