.script标签中defer和async的区别?

defer和async都是用于控制脚本的执行时间的属性，但它们有些许不同。

defer属性表示该脚本可以延迟到文档完全被解析和显示之后再执行。GTML解析器遇到defer脚本时不会停止解析，它会在后台继续解析文档，同时该脚本会被下载。脚本会按照它们出现的顺序依次执行。如果脚本需要等待其他脚本下载或执行，不会阻塞页面渲染或延迟DOMContentLoaded事件。

async属性是异步执行脚本。它表示脚本没有必要等待文档解析，也没有必要按照它们的先后顺序执行。如果有多个异步脚本，执行顺序无法预测。但脚本一旦下载完成，立即执行，并在执行的过程中将阻塞DOMContentLoaded和其他资源的加载（CSS、图片等）。同时如果异步脚本内部依赖于其他脚本，那么也不能保证这些依赖脚本都会在异步脚本执行之前执行。

在通常的情况下，使用defer属性是最好的选择，因为它可以在页面完全加载之后尽可能早地执行脚本，同时不会影响页面渲染，并且可以按照脚本原本的顺序依次执行，这对于依赖关系的脚本非常重要。