Meine Reaktionsreise: Tag 10

ES6-Funktionen

Was ich heute gelernt habe

Modernes JavaScript (ES6 und höher) führte Funktionen ein, die die Sprache leistungsfähiger, lesbarer und entwicklerfreundlicher machten. Hier ist eine Zusammenfassung:

1. Vorlagenliterale

• Was es bewirkt: Ermöglicht String-Interpolation und mehrzeilige Strings.

• Beispiel:
  

let year = 2024;
console.log(`This is year ${year}`);

• Vorteile: Einfacheres Lesen und Verwalten von Zeichenfolgen im Vergleich zur herkömmlichen Verkettung.

1. Pfeilfunktionen

• Was es bewirkt: Bietet eine kürzere Syntax zum Schreiben von Funktionen.

• Beispiel:
  

let add = (a, b) => console.log(`${a} + ${b} = ${a + b}`);
add(4, 5); // Output: 4 + 5 = 9

• Vorteile: Vereinfacht den Code, insbesondere für Inline-Funktionen.

1. Standardparameter

• Was es bewirkt: Weist Funktionsparametern Standardwerte zu, wenn kein Argument übergeben wird.

• Beispiel:
  

function callMe(name = "Damilare") {
    console.log(`My name is ${name}`);
}
callMe(); // Output: My name is Damilare
callMe("Ayoola"); // Output: My name is Ayoola

• Vorteile: Verhindert Fehler durch fehlende Parameter.

1. Destrukturierung

• Was es tut: Extrahiert Werte aus Arrays oder Objekten und weist sie Variablen zu. Beispiele:

//Array Destructuring:
const [a, b] = [2, 3];
console.log(a, b); // Output: 2 3

//Object Destructuring:
const { age, year } = { age: 32, year: "Year 5" };
console.log(age, year); // Output: 32 Year 5

• Vorteile: Macht den Code sauberer und reduziert den wiederholten Zugriff auf Objekteigenschaften oder Array-Elemente.

1. Spread-and-Rest-Operatoren (...)

• Spread: Erweitert Elemente eines Arrays oder Objekts in einzelne Elemente.

const arr1 = [0, 1, 2];
const arr2 = [...arr1, 3, 4, 5];
console.log(arr2); // Output: [0, 1, 2, 3, 4, 5]

• Rest: Sammelt verbleibende Elemente in einem einzelnen Array oder Objekt.

const collectRest = (first, ...rest) => {
    console.log(`First number is ${first}`);
    console.log(`The rest of the numbers: ${rest}`);
};
collectRest(1, 2, 3, 4); 
// Output:
// First number is 1
// The rest of the numbers: [2, 3, 4]

1. for...of Loop

• Was es bewirkt: Vereinfacht die Schleife über iterierbare Objekte (wie Arrays).

• Beispiel:
  

let arr = [1, 2, 3, 4, 5];
for (let num of arr) {
    console.log(num);
}
// Output:
// 1
// 2
// 3
// 4
// 5

• Vorteile: Vermeidet die Notwendigkeit, manuell auf Array-Indizes zuzugreifen, und verbessert die Lesbarkeit.

Das obige ist der detaillierte Inhalt vonMeine Reaktionsreise: Tag 10. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!