async和defer的作用是什么？有什么区别

async 和 defer 的作用

• async：async 属性标注的脚本是异步脚本，即异步下载脚本时，不会阻塞文档解析，但是一旦下载完成后，立即执行，阻塞文档解析。

• defer 属性标注的脚本是延迟脚本，使得浏览器延迟脚本的执行，也就是说，脚本会被异步下载但是不会被执行，直到文档的载入和解析完成，并可以操作，脚本才会被执行。

有什么区别？？

正常情况下的<script src=""></script>浏览器读到它，就会被执行，并且阻碍下边代码的执行。。

• 用了async：不会阻碍文档的解析，但是一旦加载了就会立即执行，不能保证执行的顺序，因为async的脚本执行顺序是没有保证的，因此要确认脚本间没有依赖关系。
• 用了defer ：读到了，也不会立即执行，要等文档都读取完毕，再去执行。

两者的相同点

• 加载文件时不阻塞页面渲染。

• 对于inline的script无效。

• 使用这两个属性的脚本中不能调用document.write方法。

• 有脚本的onload的事件回调。