WordPress中wp_enqueue_script与直接添加script标签的差异及潜在问题

如果你跳过wp_enqueue_script()，直接在header.php或footer.php里插<script>标签，会遇到不少实际问题：

• 依赖顺序出错：很多脚本依赖其他库（比如jQuery），wp_enqueue_script()可以通过指定$deps参数确保依赖脚本先加载。手动插标签很容易搞反顺序，导致脚本执行时依赖未定义，页面功能直接报错。
• 重复加载引发冲突：如果主题或插件已经加载过某个脚本（比如默认的jQuery），你再手动加一遍，会出现同一脚本多版本共存的情况，轻则增加页面体积拖慢加载，重则导致脚本逻辑冲突，部分功能失效。wp_enqueue_script()会自动检测已加载的脚本，避免重复。
• 无法享受脚本优化：WordPress自带或第三方插件的脚本合并、压缩、延迟/异步加载等优化功能，都是基于wp_enqueue_script()维护的脚本队列来处理的。手动插入的标签不会被这些工具识别，等于放弃了这些性能优化手段。
• 兼容性差易出问题：不少插件会通过WordPress的钩子（比如wp_dequeue_script）来调整脚本加载，比如替换脚本版本、移除不必要的脚本。手动加的脚本不受这些钩子控制，很可能和插件的操作冲突，引发难以排查的BUG。
• 主题更新会丢失修改：如果用的是子主题，直接修改父主题的header.php或footer.php，下次父主题更新时你的修改会被完全覆盖。而在子主题的functions.php里用wp_enqueue_script()添加脚本，完全不受父主题更新影响，维护更省心。
• 代码不规范增加维护成本：wp_enqueue_script()是WordPress官方推荐的脚本管理标准，团队协作或后续接手的开发者都会遵循这个规范。手动插标签会让代码结构混乱，后续维护时要找脚本位置、排查问题都会更麻烦。

内容的提问来源于stack exchange，提问作者Adiverse