javascript - Wordpress - 我应该将脚本分成它们的特定页面还是有一个主 js 文件？

Question

这更像是一个一般的性能问题。在我的 wordpress 项目中，我通常会有一个 app.js 文件，它就像是我所有小 js 脚本的主要集合。

其中一些脚本将特定于特定页面，例如“我们的品牌”。目前我所做的是使用本地化变量检查页面标题，例如:

if (pageTitle == 'our-brands') {

    function loopThroughCharCode(loopStart, loopEnd) {
        var i = loopStart;
        for (var i = loopStart; i <= loopEnd; i++) {
            var letter = String.fromCharCode(i);
                if (i == 49) {
                    // if number 1, use the # symbol instead of 1
                    $('li > a#' + letter).first().parent().before('<li class="full-width">#</li>');
                } else {
                    $('li > a#' + letter).first().parent().before('<li class="full-width">' + letter +'</li>');
                }
        }
    }
    loopThroughCharCode(65, 90); // loop through a to z
    loopThroughCharCode(49, 49); // number 1

}

这是否比将此代码块分离到其自己的 js 文件中并仅在我们的品牌页面上排队更好？

仅供引用，我使用插件即时缩小和组合我所有的 js。

Answer 1

由于您在生产中缩小和组合 JavaScript 文件，我肯定建议您在开发时分离您的文件。这样编辑和调试就简单多了，添加或删除页面也简单得多。