大多數程式碼庫都充滿了新的想法和概念。這表示如果你想要使用程式碼庫，你需要學習這些想法和概念。與教科書不同的是，程式碼的額外挑戰在於人們不會線性閱讀它。他們會隨意跳進任何地方，而且應該能夠大致理解正在發生什麼事。程式碼庫的三個部分有助於

許多聰明才智都用於這些最佳化。但是，你通常不需要它們。一方面，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