Entmystifizierung von „options = options || {}“ in JavaScript

Dieser Artikel fördert das Verständnis von JavaScript-Enthusiasten und befasst sich mit dem rätselhaften Code Ausschnitt:

options = options || {};

Purpose Revisited

Diese Codezeile legt effektiv Standardwerte für Funktionsargumente fest. Betrachten Sie die folgende Funktion:

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

Beim Aufruf ohne Argumente wird der Optionsparameter automatisch als leeres Objekt initialisiert.

Erklärung des logischen ODER-Operators

Der Kern dieser Operation liegt im logischen ODER-Operator (||). Es gibt den zweiten Operanden zurück, wenn der erste Operand „falsy“ ist.

„Falsy“-Werte umfassen 0, null, undefiniert, leere Zeichenfolgen („“), NaN und false.

ES6 Evolution

JavaScript ES6 hat Standardparameterwerte eingeführt und dies optimiert Prozess:

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

In diesem Fall weist der Aufruf der Funktion ohne Argumente oder die explizite Übergabe von undefiniert dem Optionsargument den Standardwert zu. Im Gegensatz zum || Operator, andere falsche Werte lösen nicht die Verwendung des Standardwerts aus.