什么时候应该在花括号后使用分号？

Question

我多次看到在函数声明之后或模块模式脚本的匿名“返回”函数之后使用分号。 什么时候在花括号后使用分号合适？

Answer 1

在语句后使用分号。 这是一个声明：

 var foo = function() { alert("bar"); };

因为它是一个变量赋值（即创建一个匿名函数并将其赋值给一个变量）。

两个不是语句的东西是函数声明：

 function foo() { alert("bar"); }

和块：

 { alert("foo"); }

注意：没有分号的相同块结构也适用于for 、 do和while循环。

Answer 2

当您打算缩小代码时，这也很重要。

所以我个人在每个}之后添加一个，其中自动分号插入(ASI) 会插入一个。

我写了一篇关于JavaScript 中的 ASI的文章。

Answer 3

不要使用分号：

...如果这只是您的日常函数声明：

function foo() {

} // No semicolon

使用分号：

...如果这是一项任务：

var foo = function() {

}; // Semicolon

...或自调用函数：

(function () {

})(); // Semicolon

Answer 4

你永远不需要； 你总是可以（除了之前else和while ）。

解释：

不幸的是，JavaScript 分号是可选的。
因此，您永远不需要添加分号。

用分号终止每个语句是（非常）好的做法。
唯一以}结尾的语句是以对象字面量（例如JSON）或函数表达式结尾的语句。

因此，最佳做法是在以下两个大括号后放置分号（仅）：

var myFunc = function() { };
var myobject = { };

Answer 5

如果我们有一个自调用函数，我们需要在它前面放一个分号，否则它就成为前面赋值语句的一部分。 考虑以下：

testClass = function(name) {
  document.write ("Instantiating testClass<br />");
  this.name = name;
}

testClass.prototype.report = function() {
  document.write ("I'm " + this.name + "<br />");
  return 1;
}

testClass.prototype.testMethod = function(param) {
  document.write ("Running testMethod with parameter value " + param + "<br />");
  return 2;
} // notice that there is no semicolon here

(function() {
  document.write ("Running self-invoking function<br />");
  return 3;
}());

if (typeof(testClass.prototype.testMethod) !== "function") {
  document.write ("testMethod type: " + typeof(testClass.prototype.testMethod));
  document.write (", value: " + testClass.prototype.testMethod + "<br />");
}
var testOb = new testClass("Bill");
testOb.report();
testOb.testMethod(4);

这将产生以下输出：

"运行自调用函数
使用参数值 3 运行 testMethod
testMethod 类型：数字，值：2
实例化 testClass
我是比尔”

...加上浏览器报告的 JavaScript 错误： testOb.testMethod is not a function

这当然不是我们想要的。 为什么testMethod立即运行，甚至在我们实例化类之前？ 当我们想把它作为成员方法调用时，为什么它不再存在？

发生的事情是testMethod被分配的不是我们的函数定义，而是函数定义的返回值。 并且函数定义本身是匿名运行的。 这是如何：

1. testClass构造函数和成员方法report成功定义/分配。
2. 因为testMethod定义后没有分号，所以后面的自调用函数的()变成了一个调用操作符，导致我们认为是我们定义的testMethod变成了一个立即调用的匿名函数，而以下匿名函数的返回值成为其参数列表。 这解释了打印输出的顺序 - 我们的自调用函数首先运行，因为它被评估为参数。
3. 由于我们预期的函数定义返回 2，因此分配给testMethod是这个 2，而不是函数定义。 我们打印的testMethod的类型和值证实了这一点。
4. 现在testClass成功实例化为testOb并且它的report方法按预期工作，证明类定义在其他方面是完整的。
5. 当我们尝试调用testMethod ，解释器告诉我们它不是一个函数——这是正确的，因为它是一个值为 2 的数字。
   

如果我们在testMethod的定义testMethod加上一个分号，它将把它的赋值和自调用函数的调用分开，我们就会得到我们期望的结果：

"运行自调用函数
实例化 testClass
我是比尔
使用参数值 4" 运行 testMethod

或者我们甚至可以将它直接放在匿名函数之前：

;(function() {...

但我建议，既然问题是由于赋值语句末尾没有分号，我们或许应该养成这样的习惯，在这样定义函数之后总是放一个分号。 即我上面的所有函数在右大括号后都应该有一个分号，因为它们都是匿名函数的赋值。

Answer 6

在 JavaScript 中返回函数内的函数后，您还应该在大括号后使用分号。

function watchOut(problem) {
  return function(number, location) {
    alert("Be careful! There are " + problem +
          " today!\n" +

          number + " have been spotted at the " + location + "!"
    );
  };
}

Answer 7

考虑这个代码：

// This will break code

a=b=c=d=e=1
a = b + c     // Semicolon required here
(d + e).toString()

它将返回“对象的属性 [对象对象] 不是函数”。 因为它实际上会被执行为：

a = b + c(d + e).toString()

Answer 8

分号位于不以花括号结尾的行的末尾，或用于分隔同一行上的语句。 在闭合支架之后使用它们，或者穿吊带和腰带都没有坏处，但它看起来确实有点书呆子。