什么是JavaScript的同步和异步

最新推荐文章于 2024-06-17 07:30:22 发布

我是Dreamer啊

最新推荐文章于 2024-06-17 07:30:22 发布

阅读量1.1k

点赞数 2

分类专栏：前端开发文章标签： javascript 多线程

BY Dreamer同学

本文链接：https://blog.csdn.net/weixin_42579348/article/details/110562949

版权

前端开发专栏收录该内容

57 篇文章 6 订阅

订阅专栏

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秒后显示第二条语句。

在这里插入图片描述

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

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

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

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

常见的异步任务有三类：

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

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

我是Dreamer啊

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
什么是JavaScript的同步和异步

JavaScript同步和异步JS语言的一大特点是单线程，同一时间只能做一件事。意味着一件事结束以后才能进行下一件事。HTML5提出Web Worker标准，允许JavaScript脚本创建多个线程。于是有了同步和异步。同步：前一个任务结束后再执行后一个任务，程序执行顺序与任务的排列顺序是一致的、同步的。异步：在做一件事的同时可以处理其他事件。<!DOCTYPE html><html lang="zh-CN"><head> <meta c
复制链接

扫一扫

专栏目录