大多数代码库都充满了新的想法和概念。这意味着，如果你想使用一个代码库，你需要学习这些想法和概念。与教科书相比，代码的另一个挑战是，人们不会线性地阅读它。他们会从任何地方跳进去，并且应该能够大致理解发生了什么。代码库的三个部分会有所帮助

很多聪明才智都集中在这些优化上。然而，你通常不需要它们。一方面，JavaScript 引擎正变得越来越智能，并自动优化遵循既定模式的代码的速度。另一方面，代码压缩工具（第 32 章）会重写你的代码，使其尽可能小。在这两种情况下，工具都为你提供了便利，因此你无需自己动手。

有时，你不得不优化代码的性能。如果你这样做，一定要测量和优化正确的部分。在浏览器中，问题通常与 DOM 和 HTML 相关，而不是与语言本身相关。

我喜欢相对紧凑的空格。该模型采用书面英语：左括号后和右括号前没有空格。逗号后有空格：

var result = foo('a', 'b');
var arr = [ 1, 2, 3 ];
if (flag) {
    ...
}

对于匿名函数，我遵循 Douglas Crockford 的规则，即关键字 function 后面有一个空格。理由是，如果您删除名称，这就是命名函数表达式的外观

function foo(arg) { ... }  // named function expression
function (arg) { ... }     // anonymous function expression

这有助于阅读，因为更容易区分运算符的范围：

return result ? result : theDefault;  // no
return (result ? result : theDefault);  // yes

我不会使用单个声明声明多个变量：

// no
var foo = 3,
    bar = 2,
    baz;

// yes
var foo = 3;
var bar = 2;
var baz;

这种方法的优点是删除、插入和重新排列行更简单，并且行会自动正确缩进。

作为上一条规则的补充：不要在两个不同的块中两次声明同一个变量。例如

// Don’t do this
if (v) {
    var x = v;
} else {
    var x = 10;
}
doSomethingWith(x);

前面的代码与以下代码具有相同的效果和意图，这就是为什么要这样编写代码的原因

var x;
if (v) {
    x = v;
} else {
    x = 10;
}
doSomethingWith(x);

我建议您

这样做的主要优点是

对于构造函数，重要的是使用严格模式，因为它可以防止您忘记使用 new 运算符进行实例化。您应该知道您可以在构造函数中返回任何对象。有关使用构造函数的更多技巧，请参阅构造函数实现技巧。

我发现这样的构造函数调用在使用括号时看起来更清晰

var foo = new Foo;  // no
var foo = new Foo();  // yes

使用括号，以便两个运算符不会相互竞争——结果并不总是您所期望的：

> false && true || true
true
> false && (true || true)
false
> (false && true) || true
true

instanceof 特别棘手

> ! {} instanceof Array
false
> (!{}) instanceof Array
false
> !({} instanceof Array)
true

但是，我发现构造函数后的方法调用没有问题

new Foo().bar().baz();  // ok
(new Foo()).bar().baz();  // not necessary

通过 Boolean、Number、String()、Object()（用作函数——切勿将这些函数用作构造函数）将值强制转换为类型。理由是此约定更具描述性：

> +'123'  // no
123
> Number('123')  // yes
123

> ''+true  // no
'true'
> String(true)  // yes
'true'

this 应该仅指代当前方法调用的接收者；它不应该被滥用作隐式参数。理由是，此类函数更容易调用和理解。我还喜欢将面向对象和函数式机制分开：

// Avoid:
function handler() {
    this.logError(...);
}

// Prefer:
function handler(context) {
    context.logError(...);
}

这比与 undefined 进行比较或检查真值更具自我解释性且更安全

// All properties:
if (obj.foo)  // no
if (obj.foo !== undefined)  // no
if ('foo' in obj) ... // yes

// Own properties:
if (obj.hasOwnProperty('foo')) ... // risky for arbitrary objects
if (Object.prototype.hasOwnProperty.call(obj, 'foo')) ... // safe