JavaScript中script代码块是否属于宏任务？其执行顺序是怎样的？-js教程-PHP中文网

JavaScript中script代码块是否属于宏任务？其执行顺序是怎样的？

心靈之曲

发布： 2025-03-24 08:08:22

原创

1001人浏览过

javascript中script代码块是否属于宏任务？其执行顺序是怎样的？

JavaScript `script` 代码块执行机制与输出顺序详解

本文深入探讨 JavaScript 中 script 代码块的执行机制及其输出顺序，并澄清其与宏任务的关系。

`script` 代码块是宏任务吗？

简单地说，将 script 代码块直接等同于宏任务并不完全准确。虽然 script 代码块的执行时机受事件循环机制影响，但其执行方式与典型的宏任务（如 setTimeout、setInterval）存在关键区别。

让我们分析以下代码：

console.log('script1');
Promise.resolve().then(() => console.log('promise1'));
console.log('script2');

登录后复制

如果认为 script 代码块是宏任务，预期输出顺序应为：

立即学习“Java免费学习笔记（深入）”；

<code>script1
promise1
script2</code>

登录后复制

然而，实际输出为：

代码小浣熊

代码小浣熊是基于商汤大语言模型的软件智能研发助手，覆盖软件需求分析、架构设计、代码编写、软件测试等环节

查看详情

<code>script1
script2
promise1</code>

登录后复制

这是因为内联的 script 代码块在解析时同步执行。浏览器解析到 <script></script> 标签时，立即执行其中的代码，console.log('script1') 和 console.log('script2') 立即输出。Promise.resolve().then() 的回调函数则被添加到微任务队列中，并在当前宏任务结束后执行。

`script` 代码块的执行流程

script 代码块的执行并非简单的宏任务入队和执行。浏览器在解析 HTML 时，遇到 <script></script> 标签，会立即暂停 HTML 解析，执行 script 代码，然后继续解析 HTML。这与宏任务的异步执行机制不同，宏任务会在当前任务执行完毕后，由事件循环机制调度执行。

因此，script 代码块的执行更像是同步的、阻塞式的。这对于理解代码执行顺序至关重要，因为它直接影响到代码的执行顺序和性能。

理解 script 代码块的执行机制，对于编写高效、可预测的 JavaScript 代码至关重要，特别是涉及异步操作时。将 script 代码块与宏任务和微任务的执行机制区分开来，能帮助开发者避免常见的 JavaScript 执行顺序错误。

以上就是JavaScript中script代码块是否属于宏任务？其执行顺序是怎样的？的详细内容，更多请关注php中文网其它相关文章！