javascript - 脚本的异步属性 && document.ready?

Question

我创建了一个脚本元素 (document.createElement('script')....) 我通过以下方式设置它的异步属性:x.async=true

这意味着脚本不会阻塞并且彼此之间的执行顺序不会保留(与 defer 相反(它也等待 dom 加载。))

问题:

但是如果我设置了 async 属性——这是否意味着我必须使用 document.ready ？因为我可以运行在 future 要下载的脚本文件中声明的方法 - 因此错误。

Answer 1

根据个人经验，为了安全起见，最好在异步脚本文件中使用文档就绪或窗口加载。

这是因为在第一次加载后，JavaScript 文件将被浏览器缓存，并且根据浏览器/环境，可以从缓存加载并尝试在 DOM 准备好之前执行。