Was sind JavaScript-Funktionen? Ein Leitfaden für Anfänger zum Schreiben und Verwenden.

JavaScript-Funktionen sind leistungsstarke Werkzeuge in der Programmierung. Egal, ob Sie einen einfachen Taschenrechner oder eine komplexe Webanwendung erstellen, Funktionen sind unerlässlich. In diesem Artikel werden nach und nach die Grundkenntnisse der JavaScript-Funktionen erläutert, damit Sie das Schreiben und Verwenden von Funktionen problemlos beherrschen können.

Was ist eine Funktion?

Eine Funktion ist ein Codeblock, der eine bestimmte Aufgabe ausführt. Einmal geschrieben, kann es bei Bedarf wiederholt aufgerufen werden, wodurch die Wiederverwendbarkeit des Codes verbessert wird.

Wie schreibe ich eine Funktion?

Lassen Sie uns Schritt für Schritt unsere erste Funktion schreiben:

<code class="language-javascript">function greet() {
  console.log("Hello, world!");
}
greet();</code>

Code-Erklärung:

• function: Schlüsselwort zum Deklarieren von Funktionen.
• greet: Funktionsname (jeder beschreibende Name kann verwendet werden).
• (): Parameterliste (hier leer bedeutet, dass die Funktion keine Eingabe erfordert).
• {}: Funktionskörper, der den Code für die Funktionsausführung enthält.

Rufen Sie die Funktion greet() auf und die Konsole gibt „Hello, world!“ aus.

Parameter und Parameterwerte

Parameter machen Funktionen flexibler. Parameter sind Variablen, die beim Definieren der Funktion deklariert werden, und Parameterwerte sind die tatsächlichen Werte, die beim Aufruf der Funktion an die Parameter übergeben werden.

<code class="language-javascript">function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("Majeedat");</code>

Ausgabe: Hallo, Majeedat!

Der Unterschied zwischen Parametern und Parameterwerten:

• Parameter: Platzhalter, die bei der Deklaration der Funktion definiert werden.
• Parameterwert: Der tatsächliche Wert, der beim Aufruf der Funktion an den Parameter übergeben wird.

Rückgabewert

Funktion kann nicht nur Informationen ausgeben, sondern auch einen Wert zurückgeben.

<code class="language-javascript">function add(a, b) {
  return a + b;
}
let result = add(5, 3);
console.log(result); // 输出：8</code>

Das Schlüsselwort

return gibt das Berechnungsergebnis an die Stelle zurück, an der die Funktion aufgerufen wird.

Funktionsausdruck

Eine andere Möglichkeit, eine Funktion zu definieren, ist ein Funktionsausdruck:

<code class="language-javascript">const greet = function(name) {
  console.log(`Hi, ${name}!`);
};</code>

Weisen Sie die Funktion einer Variablen zu.

Pfeilfunktion

Pfeilfunktionen sind eine prägnantere Möglichkeit, Funktionen zu definieren:

<code class="language-javascript">const greet = (name) => {
  console.log(`Hey, ${name}!`);
};</code>

Bei einzeiligen Funktionen können die geschweiften Klammern weggelassen werden:

<code class="language-javascript">const add = (a, b) => a + b;
console.log(add(2, 4)); // 输出：6</code>

Vorteile der Funktionen

1. Wiederverwendbarkeit: Einmal schreiben, viele Male verwenden.
2. Lesbarkeit: Machen Sie den Code klarer und verständlicher.
3. Modularisierung: Code in kleine, überschaubare Module aufteilen.

Häufige Fehler von Anfängern

A. Funktion aufrufen vergessen: Definieren Sie eine Funktion, vergessen Sie jedoch, sie aufzurufen.

<code class="language-javascript">function greet() {
  console.log("Oops, you forgot to call me!");
}
// 需要调用 greet();</code>

B. Parameterkonflikt: Die Anzahl der von der Funktion erwarteten Parameter stimmt nicht mit der Anzahl der tatsächlich übergebenen Parameter überein.

<code class="language-javascript">function add(a, b) {
  return a + b;
}
console.log(add(5)); // 输出：NaN (Not a Number)</code>

C. Endlosschleife: Die Funktion selbst wird unendlich rekursiv aufgerufen.

Zusammenfassung

JavaScript-Funktionen sind die Grundlage für die Erstellung dynamischer interaktiver Webanwendungen. Wenn Sie die Funktionen beherrschen, wird Ihre Programmiereffizienz erheblich verbessert. Beginnen Sie jetzt mit dem Schreiben Ihrer eigenen Funktionen!

Autor: MJ Auf Wiedersehen!

Das obige ist der detaillierte Inhalt vonWas sind JavaScript-Funktionen? Ein Leitfaden für Anfänger zum Schreiben und Verwenden.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!