揭秘JavaScript 中的「options = options || {}」

本文深入研究神秘程式碼，增強JavaScript 愛好者的理解片段：

options = options || {};

目的回顧

這行程式碼有效地建立了函數參數的預設值。考慮以下函數：

function test(options) {
  options = options || {};
}

當不帶任何參數呼叫時，options 參數會自動初始化為空物件。

邏輯 OR 運算子解釋

此運算的關鍵在於邏輯 OR (||) 運算子。如果第一個運算元為“falsy”，則產生第二個運算元。

「Falsy」值包括 0、null、未定義、空字串 ("")、NaN 和 false。

ES6 Evolution

JavaScript ES6 引入了預設參數值，簡化了這個過程：

function test(options = {}) {
  //...
}

在這種情況下，呼叫不帶參數的函數或明確傳遞 undefined 會將預設值指派給 options 參數。與 || 不同運算符，其他假值不會觸發使用預設值。