JavaScript|异步编程

Alan_Lowe

于 2021-08-14 23:21:04 发布

阅读量612

点赞数 5

分类专栏： # JavaScript

本文链接：https://blog.csdn.net/qq_45985728/article/details/119707851

版权

JavaScript 异步编程回调函数 setTimeout 效率

关键词由CSDN通过智能技术生成

JavaScript 专栏收录该内容

27 篇文章 1 订阅

订阅专栏

JavaScript|异步编程

1.异步的概念

**异步（Asynchronous, async）是与同步（Synchronous, sync）**相对的概念。在我们学习的传统单线程编程中，程序的运行是同步的（步骤在一个控制流序列中按顺序执行）。而异步的概念则是不保证同步的概念，也就是说，一个异步过程的执行将不再与原有的序列有顺序关系。简单来理解就是：同步按你的代码顺序执行，异步不按照代码顺序执行，异步的执行效率更高。异步就是从主线程发射一个子线程来完成任务。

2.回调函数

回调函数就是一个函数，它是在我们启动一个异步任务的时候就告诉它：等你完成了这个任务之后要干什么。这样一来主线程几乎不用关心异步任务的状态了。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>异步编程</title>
</head>
<body>

<p>等待4秒过后执行</p>
<p id="p2">太阳</p>
<p id="p3">月亮</p>
<script>
    // 回调函数
    function sayHello(){
        document.getElementById("p2").innerHTML = "Hello!Sun";
    }
    // 使用setTimeout()可以设置sayHello为一个4秒的过程，第一个参数是回调函数，第二个参数是毫秒数
    setTimeout(sayHello,4000);
</script>

</body>
</html>