| 123456789101112131415161718192021222324 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- </head>
- <body>
- <script>
- // event loop 事件循环
- // js 分为同步任务和异步任务
- // 同步任务：立即执行的任务，会阻塞后续代码的执行
- // 异步任务：不会立即执行的任务，会放到任务队列中等待执行
- // 异步任务：宏任务和微任务
- // 宏任务：setTimeout、setInterval
- // 微任务：Promise、async/await
- // 事件循环的执行顺序：
- // 1. 执行同步任务
- // 2. 执行微任务队列中的任务
- // 3. 执行宏任务队列中的任务
- // 4. 重复执行以上步骤
- </script>
- </body>
- </html>
|
