Question

对于性能优化，我使用单个JavaScript文件来处理我正在处理的网站的所有页面。我正在使用的基本结构如下：

(function($) {

    // Shared functions ...

    // A function for every page
    function Page1() {
    }
    Page1.prototype = {
        init: function() {
            //...
        },
        //more functions
    };

    // more pages

    $(document).ready(function() {
        if ($('#page1uniqueidentifier').length) {
            var page1 = new Page1();
            page1.init();
        }
        // more pages
    }
}) (jQuery);

我不是一位经验丰富的JavaScript程序员，所以我一直在搜索最佳实践和构建代码的不同方法，我最终选择了这个，但我不是很确定，而且我有几个问题：

如果我永远不会只有一个页面的实例，那么使用原型是否值得？我想我理解原型是如何工作的，而且我没有在那里获得任何性能。但我正在使用它作为最佳实践，因为在存在不同实例的情况下，这些函数在每个实例中都是相同的。
有没有更好的方法来构建代码？

我应该在构造函数中调用init函数，然后只调用new Page1（）吗？

function Page1() {
    this.init();
}

if ($('#page1uniqueidentifier').length) {
    new Page1();
}

Answer 1

对于性能优化，我使用单个JavaScript文件处理我正在处理的网站的所有页面

这没有任何意义。您应该将代码分成文件，然后通过minimizer/concatenator运行所有js文件以将其打包。

无论如何，要回答你的问题，

如果你只有1，那么原型不会给你买任何东西。但是，如果你打算使用超过1个，你会回去改变它吗？另外，使用原型也不会伤害到你，所以你不妨学习它。
您应该根据实现的功能创建有意义的文件。例如，我会将您的对象定义分离到自己的文件中，因此当您查看该文件时，您看到的只是该对象的代码。
如果你有一个构造函数，你真的不需要init，是吗？

在JavaScript中使用原型用于单实例函数

1 个答案: