声明变量和函数，按什么顺序？

Question

背景

我正在学习如何使用 javascript 进行一致、可读和可维护的编码。

我没有发现任何关于变量和函数声明顺序的信息。

示例：

var example = {

    A: function() {
        var a, b, c;
    },

    B: function() {
        var a, b, c;
    },

    C: function() {
        var a, b, c;
    }

}

问题

• 按字母顺序排列是最好的吗？
• 这个命令可以提高代码执行速度吗？

Answer 1

我使用 jslint 检查代码质量。它可以与 Visual Studio 和许多其他东西集成，这非常好。

JSLint 建议使用类似以下内容：

var example = {
    A: function () {
        var a, b, c;
    },

    B: function () {
        var a, b, c;
    },

    C: function () {
        var a, b, c;
    }
};

关于变量，它建议始终在封闭范围的开头声明它们，因为这实际上是代码的解释方式（即 JavaScript 语义）。

关于性能，您无法通过更改顺序来提高或降低性能。

关于顺序...您应该按照对您（和您的团队）更有意义的顺序进行操作。我个人喜欢自上而下或自下而上（这意味着将最重要的函数放在第一位，然后将依赖函数放在该函数之后，等等......或者反过来......将更简单的函数放在第一位，然后然后是构建在这些函数之上的函数）。

Answer 2

我认为这是伪代码而不是实际代码。然而，这更多的是代码指南的问题——可读性、可维护性……——而不是其他。

另外，我会考虑使用多个var语句来声明变量。仅当它只是声明并且变量在逻辑上彼此相关时，我才使用一个

var

语句。

此外，由于提升，对于 JavaScript 来说，在作用域的哪一点声明变量也并不重要：JS 总是将声明移动到顶部，因此您可以自由地以逻辑方式调整代码帮助您更好地维护和阅读自己的代码的块。

Answer 3

我不确定你的问题是什么，但在你的问题中

declaring variables and functions, in what order?

你提到了

order

这个词，所以当你声明变量和函数时，这里有一些重要的事情

test();
function test()
{
    alert(1);
}

该函数在声明之前调用，但它会运行并且不会出现任何错误，但以下会导致错误

a();
a = function()
{
    alert(1);
};

函数调用应该在将函数表达式分配给变量之后调用。您可以在这里找到更多信息MDN和体面的编程建议和JavaScript提升解释。