javascript 文件的同步加载与异步加载实现原理

在JavaScript中，文件的加载方式可以影响网页的性能和用户体验。下面将简要解释同步加载与异步加载的实现原理。

### 同步加载

同步加载是指浏览器在解析HTML文档时，遇到`

在上面的例子中，如果`example.js`文件较大或网络延迟，`

`元素的渲染会被延迟，直到`example.js`加载并执行完毕。

### 异步加载

异步加载是指浏览器在解析HTML文档时，不会因为`

2. **`defer`属性**：与`async`类似，`defer`也用于异步加载脚本。但不同的是，`defer`会保证脚本按照它们在HTML文档中出现的顺序执行。即使脚本已经下载完成，它也会等待整个HTML文档解析完成后才执行。

**示例**：


   <script defer src="defer-example.js"></script>

3. **动态创建`

在上述异步加载的方式中，`async`和`defer`属性是HTML5提供的，用于简化异步脚本的加载过程。而动态创建`