So erhalten Sie den Standardwert in Javascript

So erhalten Sie Standardwerte in JavaScript

Beim Schreiben von JavaScript-Code legen wir normalerweise die Parameterwerte von Funktionen fest, damit sie beim Aufruf der Funktion an diese übergeben werden können. In einigen Fällen möchten wir jedoch möglicherweise dafür sorgen, dass bestimmte Parameter Standardwerte haben, wenn sie nicht explizit festgelegt werden, was den Code prägnanter und leichter lesbar machen kann. In diesem Artikel wird erläutert, wie Sie Standardwerte in JavaScript festlegen und verwenden.

Standardwert festlegen

In der Vergangenheit mussten wir zum Festlegen des Standardwerts eines Funktionsparameters normalerweise eine Null- oder undefinierte Beurteilung im Funktionskörper vornehmen und dann manuell einen Standardwert festlegen. Wie unten gezeigt:

function sayHello(name) {
    if(name === undefined) {
        name = "world";
    }
    console.log("Hello, " + name + "!");
}

sayHello(); // "Hello, world!"
sayHello("Tom"); // "Hello, Tom!"

Wenn wir mehrere Parameter haben, die auf Standardwerte gesetzt werden müssen, kann dieser Ansatz leicht wortreich und schwer zu warten sein. In ES6 können wir eine bequemere Methode zum Festlegen von Standardwerten verwenden.

Standardwerte verwenden

In ES6 können wir Standardwerte für Funktionsparameter angeben. Dadurch können wir den Standardwert der Funktion bequemer festlegen, gleichzeitig die Codemenge reduzieren und die Lesbarkeit verbessern. Wie unten gezeigt:

function sayHello(name="world") {
    console.log("Hello, " + name + "!");
}

sayHello(); // "Hello, world!"
sayHello("Tom"); // "Hello, Tom!"

In diesem Beispiel definieren wir eine Funktion sayHello und weisen ihrem Parameternamen den Standardwert „world“ zu. Wenn der Funktion keine Parameter übergeben werden, verwendet sie die Standardwerte und gibt „Hello, world!“ aus. Wenn wir Argumente an eine Funktion übergeben, verwendet diese den von uns übergebenen Wert. Wenn wir beispielsweise Tom übergeben, gibt sie „Hallo, Tom!“ aus.

Wir können auch die Standardwerte anderer Parameter verwenden, um Standardwerte festzulegen. Zum Beispiel:

function sayHello(name="world",greeting=`Hello`) {
    console.log(`${greeting}, ${name}!`);
}

sayHello(); // "Hello, world!"
sayHello("Tom"); // "Hello, Tom!"
sayHello("Jenny", "Hi"); // "Hi, Jenny!"
sayHello(undefined, "Goodbye"); // "Goodbye, world!"

In diesem Beispiel definieren wir erneut eine Funktion sayHello und geben Standardwerte für ihre Parameter Name und Begrüßung an. Wenn wir den Begrüßungsparameter nicht übergeben, wird der Standardwert „Hallo“ verwendet. Wenn wir an Tom und Hi vorbeikommen, wird „Hi, Tom!“ ausgegeben. Wenn wir undefiniert und „Goodbye“ übergeben, wird der Standardwert verwendet und „Goodbye, world!“ ausgegeben.

Hinweise zu Standardwerten

Bei der Verwendung von Standardwerten müssen Sie auf folgende Punkte achten:

1. Der Standardwert wird nur verwendet, wenn der Wert des Parameters undefiniert ist. Daher wird bei der Übergabe falscher Werte wie null, „“ oder 0 der Standardwert nicht verwendet.

function getColor(color = "blue") {
    console.log(color);
}

getColor(null); // null
getColor(""); // ""
getColor(0); // 0

2. Bei Verwendung des Standardwerts ist der Parameter weiterhin vorhanden, sein Wert ist jedoch der Standardwert. Wir können also weiterhin das Argumentobjekt verwenden, um auf diese Parameter zuzugreifen. Zum Beispiel:

function sayHello(name = "world") {
    console.log(`Hello, ${arguments[0]}!`);
}

sayHello("Tom"); // "Hello, Tom!"

3. Bei Verwendung von Standardwerten gelten Parameter nur für andere Parameter. Wenn sich der Parameter auf die Funktion selbst oder andere globale Variablen bezieht, wird der Standardwert nicht verwendet. Zum Beispiel:

let language = "English";
function sayHello(name = "world", greeting = `Hello ${language}!`) {
    console.log(`${greeting}, ${name}!`);
}

sayHello(); // "Hello English, world!"

Fazit

Vor ES6 war das Festlegen von Standardwerten für Funktionsparameter umständlich und erforderte eine manuelle Beurteilung von Null- oder undefinierten Situationen. Das Aufkommen von ES6 macht das Festlegen von Standardwerten für Funktionsparameter prägnanter und leichter lesbar. Das Festlegen von Standardwerten kann den Code prägnanter machen, die Wartbarkeit erhöhen und das Auftreten von Fehlern reduzieren. Darüber hinaus müssen wir beachten, dass bei Verwendung von Standardwerten die Parameter weiterhin vorhanden sind und die Standardwerte nur für nicht festgelegte Parameter gelten und nichts mit anderen Funktionen oder globalen Variablen zu tun haben.

Das obige ist der detaillierte Inhalt vonSo erhalten Sie den Standardwert in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!