async和defer

今天认识了两个新标签，async和defer，首先，浏览器默认情况下js的脚本执行是同步和阻塞的，但是如果<script> 标签有 defer 和 async 属性, 就可以使浏览器脚本异步执行，async和defer都是布尔类型，没有值，只需要将async和defer写在 <script> 标签里即可，例如

<script defer src="index.js"></script>
<script async src="index.js"></script>

async和defer的使用场景

async属性会使脚本会被异步下载被立即执行，因为async的脚本执行顺序是没有保证的，因此要确认脚本间没有依赖关系
defer属性会使脚本会被异步下载但是不会被立即执行，直到文档的载入和解析完成，并可以操作，脚本才会被执行。