Standardparameter in JavaScript-Funktionen verstehen

Standardparameter in JavaScript-Funktionen

Mit

Standardparametern in JavaScript können Sie Standardwerte für Funktionsparameter angeben. Wenn die Funktion ohne Wert für einen bestimmten Parameter aufgerufen wird, wird stattdessen der Standardwert verwendet.

Diese Funktion wurde in ES6 (ECMAScript 2015) eingeführt und hilft bei der Handhabung von Fällen, in denen ein Parameter möglicherweise nicht bereitgestellt wird, wodurch undefiniertes Verhalten vermieden und Ihr Code robuster wird.

1. Grundlegende Syntax von Standardparametern

Wenn im folgenden Beispiel kein Argument für b übergeben wird, wird standardmäßig 10 verwendet:

function sum(a, b = 10) {
  return a + b;
}

console.log(sum(5, 3));  // Output: 8
console.log(sum(5));     // Output: 15 (b defaults to 10)

In diesem Fall:

• Wenn sum(5, 3) aufgerufen wird, ist das Ergebnis 8, da b explizit als 3 übergeben wird.
• Wenn sum(5) aufgerufen wird, ist das Ergebnis 15, da b nicht übergeben wird, also nimmt es den Standardwert 10 an.

2. Standardparameter mit Ausdrücken verwenden

Sie können auch Standardwerte festlegen, die das Ergebnis von Ausdrücken sind, z. B. beim Aufrufen einer Funktion oder beim Durchführen von Berechnungen.

function greet(name = "Guest") {
  console.log(`Hello, ${name}!`);
}

greet();          // Output: Hello, Guest!
greet("John");    // Output: Hello, John!

Hier ist „Gast“ der Standardwert für den Namen, wenn kein Wert an die Funktion übergeben wird.

3. Standardparameter mit Destrukturierung

Standardparameter funktionieren auch bei der Destrukturierung. Wenn Sie in den Funktionsparametern Objekt- oder Array-Destrukturierung verwenden, können Sie Standardwerte für bestimmte Eigenschaften oder Elemente festlegen.

Standardwerte bei der Objektdestrukturierung

function printInfo({ name = "Anonymous", age = 18 } = {}) {
  console.log(`Name: ${name}, Age: ${age}`);
}

printInfo({ name: "Alice", age: 25 });  // Output: Name: Alice, Age: 25
printInfo({});                          // Output: Name: Anonymous, Age: 18
printInfo();                            // Output: Name: Anonymous, Age: 18

In diesem Fall:

• Wenn das Objekt übergeben wird, verwendet die Funktion die Eigenschaften dieses Objekts.
• Wenn kein Objekt übergeben wird oder dem Objekt Eigenschaften fehlen, werden die Standardwerte verwendet.

Standardwerte bei der Array-Destrukturierung

function printNumbers([a = 1, b = 2] = []) {
  console.log(`a: ${a}, b: ${b}`);
}

printNumbers([5, 10]);  // Output: a: 5, b: 10
printNumbers([7]);      // Output: a: 7, b: 2
printNumbers();         // Output: a: 1, b: 2

In diesem Fall:

• Die Funktion arbeitet mit einem Array und stellt Standardwerte für a und b bereit, wenn keine Werte übergeben werden.

4. Standardparameter und Funktionsargumente

Sie können auch Standardparameter in Verbindung mit Argumenten verwenden, um Fälle zu behandeln, in denen die Anzahl der Argumente dynamisch ist.

function multiply(a, b = 2) {
  console.log(a * b);
}

multiply(3, 4);  // Output: 12
multiply(3);     // Output: 6 (b defaults to 2)

In diesem Beispiel:

• Die Funktion multipliziert a mit b, und wenn b nicht angegeben ist, ist sie standardmäßig 2.

5. Standardparameter mit Funktionen, die Standardwerte zurückgeben

Sie können Funktionen als Standardwerte verwenden, was in Szenarien hilfreich sein kann, in denen Sie dynamische oder komplexe Standardwerte benötigen.

function getUser(id, name = getDefaultName()) {
  console.log(`User ID: ${id}, Name: ${name}`);
}

function getDefaultName() {
  return "John Doe";
}

getUser(1);          // Output: User ID: 1, Name: John Doe
getUser(2, "Alice"); // Output: User ID: 2, Name: Alice

In diesem Beispiel:

• Wenn der Name nicht angegeben wird, wird die Funktion getDefaultName() aufgerufen und ihr Ergebnis wird als Standardwert verwendet.

6. Standardparameter mit Restparametern

Sie können Standardparameter mit Restparametern (...args) kombinieren, um Szenarien zu bewältigen, in denen Sie nicht wissen, wie viele Argumente eine Funktion erhalten könnte.

function sum(a, b = 10) {
  return a + b;
}

console.log(sum(5, 3));  // Output: 8
console.log(sum(5));     // Output: 15 (b defaults to 10)

In diesem Fall:

• Der Separator-Parameter hat den Standardwert , sofern er nicht angegeben wird, und Zeichenfolgen erfassen alle zusätzlichen Argumente, die an die Funktion übergeben werden.

Abschluss

Standardparameter in JavaScript machen Funktionen flexibler, indem Sie Standardwerte für fehlende oder undefinierte Parameter definieren können. Diese Funktion verbessert die Lesbarkeit des Codes und hilft, Fehler durch fehlende Argumente zu vermeiden.

Es kann mit anderen Funktionen wie Destrukturierung, Restparametern und sogar Funktionsaufrufen kombiniert werden, um dynamische, prägnante und wartbare Funktionen zu erstellen.

---

Hallo, ich bin Abhay Singh Kathayat!
Ich bin ein Full-Stack-Entwickler mit Fachwissen sowohl in Front-End- als auch in Back-End-Technologien. Ich arbeite mit einer Vielzahl von Programmiersprachen und Frameworks, um effiziente, skalierbare und benutzerfreundliche Anwendungen zu erstellen.
Sie können mich gerne unter meiner geschäftlichen E-Mail-Adresse erreichen: kaashshorts28@gmail.com.

Das obige ist der detaillierte Inhalt vonStandardparameter in JavaScript-Funktionen verstehen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!