动态创建script标签实现按需异步加载的编码规范

动态脚本加载的最佳实践：可控、可追踪、可销毁

在前端开发中，通过动态创建 script 标签并插入 DOM，是实现按需加载脚本的常用技术。然而，这一操作若不遵循规范，极易引发执行顺序错乱、重复加载、错误捕获缺失等问题。归纳而言，核心原则可总结为三点：可控、可追踪、可销毁。

防重复加载：确保脚本的唯一性

同一脚本被多次插入会导致重复执行，尤其在模块被多次请求时更为突出。一种稳妥的做法是维护全局缓存，记录所有已发起请求的脚本 URL。

具体的落地方式有以下几点需要注意：

• 建议使用 Map 或 Set 来存储已发起请求的 script src 地址。需注意 URL 是否包含查询参数，这会影响缓存键的唯一性。
• 插入前应先检查页面上是否已存在对应