什么是JavaScript的同步和异步

小咪咪 2022-12-26 08:17 166阅读 0赞

# JavaScript同步和异步 #

JS语言的一大特点是单线程，同一时间只能做一件事。意味着一件事结束以后 才能进行下一件事。

HTML5提出Web Worker标准，允许JavaScript脚本创建多个线程。于是有了同步和异步。

同步：

前一个任务结束后再执行后一个任务，程序执行顺序与任务的排列顺序是一致的、同步的。

异步：

在做一件事的同时可以处理其他事件。

<!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>同步和异步</title>
    </head>
    <body>
        <script>
            console.log('第一条语句');
            setTimeout(function(){
         
                console.log('第二条语句');
            },5000)
            console.log('第三条语句');
        </script>
    </body>
    </html>

输出结果时，先显示第一条语句，再显示第三条语句，等待5秒后显示第二条语句。

![在这里插入图片描述][20201203194327143.png_pic_center]

同步和异步的区别是在流水线上各个流程的执行顺序不同

当定时器的时间为0的时候，会是什么样的打印顺序呢？将上面程序的定时器时间更改为0，执行程序，发现输出顺序并没有改变。

JS将所有的任务分为两大类，同步任务和异步任务

同步任务放在主线程上执行，形成了一个执行栈；异步都是通过回调函数实现的。

常见的异步任务有三类：

1.  普通事件：如click、resize等。
2.  资源加载，如load、error等。
3.  定时器，包括setInterval、setTimeout等。

先执行执行栈中的同步任务，异步任务放入任务队列中，一旦执行栈中的多有同步任务执行完毕，系统就会按次序读取任务队列中的异步任务，于是被读取的异步任务结束等待状态，进入执行栈。

[20201203194327143.png_pic_center]: /images/20221120/f64fcb3796f3426cb80616d72e22ad6e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，166人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript 同步与异步

阅读目录 JavaScript 的运行机制运行栈哪些是异步操作？任务队列事件轮询 se

你的名字/ 2023年10月07日 20:09/ 0 赞/ 36 阅读

相关同步和异步有什么区别？

同步问题引出，当多个线程需要访问同一个资源时，它们需要以某种顺序来确保该资源在某一时刻只能被一个线程使用，否则，程序运行结果将不可预料，在这种情况下就必须对数据进行同步。例如线

雨点打透心脏的1/2处/ 2023年10月06日 14:02/ 0 赞/ 18 阅读

相关 JavaScript中的同步和异步

[阮一峰的同步，异步解释][Link 1] “同步模式”就是上一段的模式，后一个任务等待前一个任务结束，然后再执行，程序的执行顺序与任务的排列顺序是一致的、同步地； “

水深无声/ 2023年07月07日 05:58/ 0 赞/ 25 阅读

相关 JavaScript同步和异步问题

一、什么叫同步、异步 1. 同步：同步操作没有结束之前，后面的代码是无法执行的。 2. 异步：异步操作没有结束之前，后面的代码是可以执行的。 > 同步：在主线程排队

逃离我推掉我的手/ 2023年07月07日 03:36/ 0 赞/ 25 阅读

相关最通俗易懂的例子来解释什么是同步和异步

[同步异步][Link 1] [同步和异步的区别][Link 2] [同步(Synchronous)和异步(Asynchronous) ][Synchronous_Asyn

快来打我*/ 2023年02月22日 05:24/ 0 赞/ 17 阅读

相关什么是JavaScript的同步和异步

JavaScript同步和异步 JS语言的一大特点是单线程，同一时间只能做一件事。意味着一件事结束以后才能进行下一件事。 HTML5提出Web Worker标准，允许

小咪咪/ 2022年12月26日 08:17/ 0 赞/ 167 阅读

相关 JavaScript 同步和异步的执行机制问题

今天做项目的时候遇到了一个问题，当我在请求完后端数据的时候，想去立刻打印出请求出来的信息时，怎么打印都是空的，但是出来这个请求方法之后他又有数值了，于是我很纳闷，研究了1个小时

墨蓝/ 2022年12月08日 14:24/ 0 赞/ 195 阅读

相关干货 | 什么是同步异步？什么是阻塞非阻塞？

自从发布[《你管这破玩意叫 IO 多路复用》][IO]之后，我发现读者问得最多的问题是，可不可以写篇文章解释下什么是同步异步，阻塞非阻塞，老是傻傻分不清。我一开始也是

末蓝、/ 2022年09月05日 04:12/ 0 赞/ 213 阅读

相关什么是IO中的阻塞、非阻塞、同步、异步

一、什么是同步、异步同步请求，A调用B，B的处理是同步的，在处理完之前他不会通知A，只有处理完之后才会明确的通知A。异步请求，A调用B，B的处理是异步的，B在接到请

桃扇骨/ 2022年05月14日 15:52/ 0 赞/ 246 阅读

相关同步和异步有什么区别？

同步的概念同步，我的理解是一种线性执行的方式，执行的流程不能跨越。一般用于流程性比较强的程序，我们做的用户登录功能也是同步处理的，必须用户通过用户名和密码验证后才能进入

拼搏现实的明天。/ 2022年04月03日 07:46/ 0 赞/ 359 阅读