简单聊聊JS的异步和单线程

最新推荐文章于 2024-07-30 17:09:59 发布

stpyong

最新推荐文章于 2024-07-30 17:09:59 发布

阅读量256

点赞数

文章标签：异步和单线程 javascript

本文链接：https://blog.csdn.net/qq_43019178/article/details/83478309

版权

前言：js中的异步和单线程是不冲突的，在浏览器渲染代码过程中，会从上到下依次执行，如果遇到需要等待的事件，ajax或者img的加载会提到js的处理线程中，等callback函数在执行，我们先看下面的代码。

console.log(1);
setTimeout(function () {
    console.log(2)
},0);
console.log(3);
setTimeout(function () {
    console.log(4);
},1000);

你觉得上面代码执行顺序是什么呢？思考中…
js在执行上面代码过程中，从上到下依次执行，到第2行发现需要处理延迟函数，那么就先放入执行队列中，然后再继续向下走，执行到第6行，ok，又发现了一个，在放入队列中，so，揭晓答案的时刻，132，然后延时1秒打印4。有这个例子我们就可以很容易理解了。

同步和异步又有什么区别呢？同步会阻塞代码执行，一般情况下，ajax或者img等都会用到异步，可以理解为延迟触发的，比如用户的点击，需要等用户点击后才会触发函数等。

关注