在wordpress中对CSS, JS进行引入有两个函数, 分别是wp_register_script, wp_enqueue_script, 它们虽然很像, 但也是有区别的, 弄懂了这个区别就能在引入脚本文件时更加得心应手, 下面来讨论下.
wp_register_script的用法
wp_register_script是先注册脚本, 并不直接引用, 当需要引用时, 可以使用wp_enqueue_script并输入注册时的id.
例如:
<?php
//注册脚本
wp_register_script( 'scriptId', 'scriptPath', [], '1.0', true );
//引用上面注册的脚本
wp_enqueue_script('scriptId');
wp_enqueue_script的用法
wp_enqueue_script的参数和wp_register_script是一样的, 它的用法简单粗暴, 直接引用脚本.
例如:
<?php
//直接引用脚本
wp_enqueue_script( 'scriptId', 'scriptPath', [], '1.0', true );
wp_enqueue_script和wp_register_script分别什么时候使用
当我们有一个脚本, 它只会被引用一次, 直接使用wp_enqueue_script更加便捷.
当我们有一个脚本, 它会在多个地方被引用, 我们就应该先使用wp_register_script进行注册, 然后通过wp_enqueue_script进行引用, 这样做可以有效的对脚本进行统一管理, 避免硬编码, 这就好比我们使用枚举来替代魔法数一样. 万一我们需要修改脚本路径的时候, 只需要在wp_register_script注册的函数中修改一次, 而不需要在wp_enqueue_script进行多次修改.
总结
如果到了这里大家还是不能理解, 那没关系, 记住先使用wp_register_script注册, 再使用wp_enqueue_script进行引入, 保准不会错!
同理, wp_register_style和wp_enqueue_style也是一样的.
参考资料
When should I use wp_register_script() with wp_enqueue_script() vs just wp_enqueue_script()?
