JavaScript 的 defer 与 async

当解析器遇到 script 标签时，文档的解析将停止，并立即下载并执行脚本，脚本执行完毕后将继续解析文档。但是我们可以将脚本标记为 defer，这样就不会停止文档解析，等到文档解析完成才执行脚本，也可以将脚本标记为 async，以便由其他线程对脚本进行解析和执行。

三者之间的区别？

当解析器遇到 script 标签时，文档的解析将停止，并立即下载并执行脚本，脚本执行完毕后将继续解析文档。

当解析器遇到 script 标签时，文档的解析不会停止，其他线程将下载脚本，待到文档解析完成，脚本才会执行。

当解析器遇到 script 标签时，文档的解析不会停止，其他线程将下载脚本，脚本下载完成后开始执行脚本，脚本执行的过程中文档将停止解析，直到脚本执行完毕。

JavaScript 的 defer 与 async

async 对于内联脚本没有作用。
defer 不应该在内联脚本上使用。从 Gecko 1.9.2 开始，内联脚本的 defer 会被忽略，但是在 Gecko 1.9.1 中，如果定义了 defer 属性，即使内联脚本也会被延迟执行。
defer 的脚本是按照声明顺序执行的。而 async 的脚本不同，只要脚本下载完成，将会立即执行，未必会按照声明顺序执行。
IE9 及以下版本的浏览器，defer 的脚本也未必会按照声明顺序执行。
如果同时使用 defer 和 async，则会默认使用 async，忽略 defer。