简述JavaScript标签中 defer和 async属性的区别 ？

defer和async都是HTML中<script>标签的属性，用于控制JavaScript脚本的加载和执行。虽然它们都可以使脚本异步加载，但它们的执行方式有所不同。

• defer属性：当脚本具有defer属性时，脚本的加载是异步的，即它不会阻塞页面的解析。但是，脚本的执行会被推迟到整个HTML文档解析完毕之后，按照它们在文档中出现的顺序执行。这意味着，如果一个脚本依赖于另一个脚本的结果，那么它们必须在文档中按照正确的顺序排列。使用defer属性，你可以确保在脚本执行之前，DOM已经完全加载。
• async属性：当脚本具有async属性时，脚本的加载和执行都是异步的。与defer不同的是，async脚本的执行顺序不是按照它们在文档中出现的顺序。一旦脚本加载完成，它就会立即执行，无论其它脚本是否已经加载或执行。因此，如果你的脚本之间有依赖关系，使用async可能会导致问题。此外，async脚本的执行可能会在DOM完全加载之前，这可能会导致某些需要DOM元素的脚本出现错误。

总的来说，defer和async的主要区别在于它们的执行顺序：defer按照脚本在文档中的顺序执行，而async则不保证执行顺序。因此，在选择使用哪个属性时，你需要考虑你的脚本是否有依赖关系，以及你是否需要等待DOM完全加载。