由于功能排序，JSLint“超出范围”错误？

Question

JSLint 似乎对函数排序很挑剔。

一切顺利：

function a() {
    'use strict';
    return 1;
}

function b() {
    'use strict';
    a();
}

虽然这会给出 'a' is out of scope 错误消息：

function b() {
    'use strict';
    a();
}

function a() {
    'use strict';
    return 1;
}

这是设计使然吗？我应该关心吗？在更大（更复杂）的情况下，如何避免它可能并不总是可以给函数一个明确的顺序？

Answer 1

JSLint/JSHint 希望您在引用函数之前定义它们。但是，JavaScript 不在乎，因为 functions and variables are hoisted。

您可以更改代码样式，或使用http://jshint.com/docs/options/#latedef 告诉 linter 忽略它

/* jshint latedef:nofunc */
function b() {
    'use strict';
    a();
}

function a() {
    'use strict';
    return 1;
}

见https://stackoverflow.com/a/23916719/227299

Answer 2

@epascarello's link 到 this was discussed for JSHint 绝对本质上是这里，因为这不仅仅是风格问题。

让我们达到the excellent answer at that question 的最高点，因为它也适用于 JSLint。*

定义函数有两种方式：函数声明和 函数表达式。 区别很烦人而且很细微，所以让我们 只是说这个有点错误的事情：如果你这样写 function name() {}，这是一个声明，当你这样写的时候 var name = function() {}（或分配给返回的匿名函数，诸如此类），它是一个函数表达式。

bar(); //This won't throw an error
function bar() {}

foo(); //This **WILL** throw an error
var foo = function() {}

[强调我的 -r]

确实是 worth reading all of the answer there，但也值得强调 这个 JSLint 错误不仅仅是关于样式，它警告您可能存在功能错误。 Edge-case-y,当然，但这是一个有用的习惯。

我还要补充一点，不应该出现这样的情况，即您必须递归调用 JavaScript 中在定义之前就存在的函数。当我在该上下文中多次看到此错误时，我一直很生气，但它 [几乎？] 总是有用地显示出一些代码气味，其中重构很有用，而不是所有函数跳转都需要。

如果你在函数命名空间上跳了很多，你似乎可以绕开警告作弊，我可能在一两个案例中尴尬地做到了这一点。不过，我希望不会（在这两个方面）。

---

* 我很想将 JSLint 添加到那个问题中，并称这个问题为骗子，但不确定这是否合乎情理。