Umfassender Leitfaden zu Funktionen in JavaScript

Funktionen in JavaScript

Hier ist eine umfassende Anleitung zu Funktionen in JavaScript mit Beispielen:

---

1. Was ist eine Funktion?

Eine Funktion ist ein Block wiederverwendbaren Codes, der zur Ausführung einer bestimmten Aufgabe entwickelt wurde. Es wird ausgeführt, wenn es aufgerufen oder aufgerufen wird.

Syntax:

function functionName(parameters) {
  // Code to execute
}

Beispiel:

function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("Alice"); // Output: Hello, Alice!

---

2. Funktionstypen in JavaScript

A. Funktionsdeklaration

Eine Funktion, die mit dem Funktionsschlüsselwort deklariert wird.

Beispiel:

function add(a, b) {
  return a + b;
}
console.log(add(2, 3)); // Output: 5

---

B. Funktionsausdruck

Funktionen können auch in Variablen gespeichert werden.

Beispiel:

const multiply = function (a, b) {
  return a * b;
};
console.log(multiply(2, 3)); // Output: 6

---

C. Pfeilfunktionen (ES6)

Eine prägnante Syntax zum Schreiben von Funktionen.

Syntax:

const functionName = (parameters) => {
  // Code to execute
};

Beispiel:

const subtract = (a, b) => a - b;
console.log(subtract(5, 3)); // Output: 2

---

D. Anonyme Funktionen

Funktionen ohne Namen, die oft als Rückrufe verwendet werden.

Beispiel:

setTimeout(function () {
  console.log("This runs after 2 seconds");
}, 2000);

---

E. Sofort aufgerufener Funktionsausdruck (IIFE)

Eine Funktion, die unmittelbar nach ihrer Definition ausgeführt wird.

Beispiel:

(function () {
  console.log("IIFE is executed immediately!");
})();

---

3. Parameter und Argumente

• Parameter: In der Funktionsdefinition definierte Variablen.
• Argumente: Beim Aufruf der Funktion übergebene Werte.

Beispiel:

function greet(name, age) {
  console.log(`Hi ${name}, you are ${age} years old.`);
}
greet("Bob", 25); // Output: Hi Bob, you are 25 years old.

---

4. Standardparameter

Geben Sie Standardwerte für Parameter an, wenn kein Argument übergeben wird.

Beispiel:

function sayHello(name = "Guest") {
  console.log(`Hello, ${name}!`);
}
sayHello(); // Output: Hello, Guest!

---

5. Ruheparameter

Wird verwendet, um eine unbegrenzte Anzahl von Argumenten als Array zu verarbeiten.

Beispiel:

function sum(...numbers) {
  return numbers.reduce((total, num) => total + num, 0);
}
console.log(sum(1, 2, 3, 4)); // Output: 10

---

6. Rückgabeerklärung

Funktionen können mithilfe der Return-Anweisung einen Wert zurückgeben.

Beispiel:

function square(num) {
  return num * num;
}
console.log(square(4)); // Output: 16

---

7. Rückruffunktionen

Eine Funktion, die als Argument an eine andere Funktion übergeben und später ausgeführt wird.

Beispiel:

function processUserInput(callback) {
  const name = "Charlie";
  callback(name);
}
processUserInput((name) => {
  console.log(`Hello, ${name}!`);
});
// Output: Hello, Charlie!

---

8. Funktionen höherer Ordnung

Funktionen, die andere Funktionen als Argumente akzeptieren oder Funktionen zurückgeben.

Beispiel:

function functionName(parameters) {
  // Code to execute
}

---

9. Schließungen

Ein Abschluss ist eine Funktion, die sich ihre äußeren Variablen auch dann merkt, wenn die Ausführung der äußeren Funktion abgeschlossen ist.

Beispiel:

function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("Alice"); // Output: Hello, Alice!

---

10. Funktionsumfang

Funktionen haben ihren eigenen lokalen Geltungsbereich.

Beispiel:

function add(a, b) {
  return a + b;
}
console.log(add(2, 3)); // Output: 5

---

11. Rekursion

Eine Funktion, die sich selbst aufruft.

Beispiel:

const multiply = function (a, b) {
  return a * b;
};
console.log(multiply(2, 3)); // Output: 6

---

12. Reine Funktionen

Eine reine Funktion erzeugt die gleiche Ausgabe für die gleiche Eingabe und hat keine Nebenwirkungen.

Beispiel:

const functionName = (parameters) => {
  // Code to execute
};

---

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 vonUmfassender Leitfaden zu Funktionen in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!