js执行机制

苏小画

于 2022-09-15 16:24:05 发布

阅读量147

点赞数

CC 4.0 BY-SA版权

分类专栏：复习杂记文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_44404444/article/details/126874112

复习杂记专栏收录该内容

9 篇文章

订阅专栏

本文探讨了JavaScript作为单线程语言的执行流程，重点在于事件循环机制，包括微任务和宏任务。通过一个示例展示了setTimeout、Promise及then的执行顺序，揭示了JavaScript异步编程的关键概念。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
//js是单线程的语言 执行的流程是 同步执行完 到事件循环(请求 定时器 事件 事件循环包括微任务和宏任务，微任务 promise.then 宏任务 setTimeout（执行宏任务之前需要清空微任务)
 
    setTimeout(()=>{
      console.log("1")
    })
    new Promise((reslove)=>{
      console.log("promise1")
      reslove();
    }).then(()=>{
      console.log("微1")
     
    }).then(()=>{
      console.log("微2")
     
    })
    console.log("111")
</script>
</html>

在这里插入图片描述