请解释 script 标签的 async 和 defer 属性分别有什么作用，以及它们的主要区别。

回答思路

1. 准确说明 defer 和 async 各自的行为
2. 能区分两者的执行时机与 DOM 解析关系
3. 能说明在什么场景下优先选择哪个属性