javascript - 同时使用同步和异步脚本标签时，执行顺序是什么？

Question

如果我错了请告诉我。 JavaScript 代码作为单个线程执行。

下面的 JavaScript 代码的执行顺序是 A、B 和 C。

<script src="A"> .... </script>
<script src="B"> .... </script>
<script src="C"> .... </script>

下面代码的执行将取决于代码和给每个脚本的时间意味着第一个“A”将开始执行(或“B”，不知道)，“A”的执行将停止，因为给予它的时间已完成，其他人将有相同的机会说“B”，“C”和“A”再次恢复，循环继续，直到每个脚本的执行完成。

<script async src="A"> .... </script>
<script async src="B"> .... </script>
<script async src="C"> .... </script>

但是当同时存在同步和异步脚本时会发生什么，如下所示。

<script sync src="A"> .... </script>
<script async src="B"> .... </script>
<script sync src="C"> .... </script>
<script sync src="D"> .... </script>
<script async src="E"> .... </script>

Answer 1

async属性仅意味着脚本将稍后下载，因此将稍后开始执行。 <script>没有该属性的标签将立即下载并阻止页面的其余部分，直到下载和执行完成。

async 不意味着一旦脚本运行，它可能随时被中断，并且另一个脚本可能开始运行。这就是协作式多任务/CPU 调度，绝对不是这里发生的情况。第一个async恰好完成下载的脚本将运行，直到完成，此时下一个脚本将开始运行(如果有)。

所以，是的，与 async您不知道您的脚本何时开始执行，但一旦开始执行，它就是唯一正在运行的东西，直到它放弃该权力(意味着脚本和/或函数退出)。