请说出 JavaScript无阻塞加载的具体方式？

JavaScript面试题 5月前 0 36

在JavaScript中，无阻塞（非阻塞）加载是一种技术，它允许浏览器在加载和执行JavaScript代码的同时，继续加载和渲染页面的其他部分。以下是实现JavaScript无阻塞加载的一些方式：

使用异步脚本（Async）： 你可以在<script>标签中使用async属性，这样浏览器会并行加载和执行脚本，而不会阻止HTML的解析。
示例：
```
<script async src="script.js"></script>
```
这种方式的缺点是，异步脚本不能保证执行顺序。如果你的脚本之间有依赖关系，可能会出问题。
使用延迟脚本（Defer）： 你可以在<script>标签中使用defer属性，这样浏览器会延迟执行脚本，直到HTML文档解析完成（DOMContentLoaded事件发生）。

示例：
```
<script defer src="script.js"></script>
```
这种方式的优点是，延迟脚本会按照在HTML文档中出现的顺序执行，所以可以处理脚本之间的依赖关系。
动态脚本加载： 你可以使用JavaScript动态地创建和插入<script>标签，这样脚本会在加载完成后立即执行，而不会阻止HTML的解析。

示例：
```
var script = document.createElement('script');
script.src = "script.js";
document.head.appendChild(script);
```
这种方式的优点是，你可以控制何时开始加载和执行脚本。
使用Ajax加载脚本： 你可以使用Ajax（或Fetch API）异步地加载脚本，然后在加载完成后使用eval()或new Function()执行脚本。

以上就是实现JavaScript无阻塞加载的一些方式。这些技术可以提高页面的加载速度和用户体验，尤其是在处理大量或复杂的JavaScript脚本时。