逗号在前

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 $200 免费积分!

Marc Grabanski 提出了一个有趣的想法 在 Twitter 上 昨天。

JSON 对象和多变量定义中的逗号是在行前还是行后?

以下是对象字面量的示例

// commas before
var vampyre = {
    teeth: 'sharp'
  , blood: 'stale'
  , age: 320
}

// commas after
var vampyre = {
    teeth: 'sharp',
    blood: 'stale',
    age: 320
}

您可能在大多数情况下看到结构后的逗号。 它“看起来不错”。 但是,逗号放在前面使这些代码片段更易于使用。

假设您要注释掉一行。 使用**逗号在前**技术,您可以像注释掉 JavaScript 中的任何其他代码行一样注释掉该行,方法是在其前面加上“//”。 使用**逗号在后**结构,您需要更加小心。 如果要注释掉最后一个声明(年龄),最后一个声明将以逗号结尾并抛出错误。 因此,您要么手动删除该逗号,要么也将其注释掉。

从技术上讲,这是一个平局,因为从声明块的中间注释掉与两种方式相同。 逗号放在前面使注释掉最后一个声明更容易,而逗号放在后面使注释掉第一个声明更容易。

在使用一个语句声明多个变量时也是如此

// commas before
var foo = 'bar'
  , boo = 'baz'
  , doo = 'dad'
  ;

// commas after
var foo = 'bar',
    boo = 'baz',
    doo = 'dad';

请注意分号也是第一个(通过 Scott González)。 这有助于保持注释的简便性(这是重点),因为您不会在注释掉最后一行时注释掉分号。

这是一个非常小的事情,它看起来很奇怪,但我喜欢逗号放在前面的想法。 我认为这归结于这样一个事实,即在添加新声明时,我喜欢在底部进行操作,并且以一种在测试时更快更轻松地注释掉的方式进行操作。