Funktion

Eine Funktion ist ein Code-Snippet, das von anderem Code oder von sich selbst aufgerufen werden kann, oder eine Variable, die auf die Funktion verweist. Wenn eine Funktion aufgerufen wird, werden Argumente als Eingabe an die Funktion übergeben, und die Funktion kann optional einen Wert zurückgeben. Eine Funktion in JavaScript ist auch ein Objekt.

Ein Funktionsname ist ein Identifier, der als Teil einer Funktionsdeklaration oder Funktionsausdruck enthalten ist. Der Gültigkeitsbereich des Funktionsnamens hängt davon ab, ob es sich um eine Deklaration oder einen Ausdruck handelt.

Verschiedene Arten von Funktionen

Eine anonyme Funktion ist eine Funktion ohne Funktionsname. Nur Funktionsausdrücke können anonym sein, Funktionsdeklarationen müssen einen Namen haben:

js
// Anonymous function created as a function expression
(function () {});

// Anonymous function created as an arrow function
() => {};

Die folgenden Begriffe werden nicht in der ECMAScript-Sprachspezifikation verwendet, sondern sind Jargon, der sich auf verschiedene Arten von Funktionen bezieht.

Eine benannte Funktion ist eine Funktion mit einem Funktionsnamen:

js
// Function declaration
function foo() {}

// Named function expression
(function bar() {});

// Arrow function
const baz = () => {};

Eine innere Funktion ist eine Funktion innerhalb einer anderen Funktion (square in diesem Fall). Eine äußere Funktion ist eine Funktion, die eine Funktion enthält (addSquares in diesem Fall):

js
function addSquares(a, b) {
  function square(x) {
    return x * x;
  }
  return square(a) + square(b);
}

// Arrow function
const addSquares2 = (a, b) => {
  const square = (x) => x * x;
  return square(a) + square(b);
};

Eine rekursive Funktion ist eine Funktion, die sich selbst aufruft. Siehe Rekursion.

js
function loop(x) {
  if (x >= 10) return;
  loop(x + 1);
}

// Arrow function
const loop2 = (x) => {
  if (x >= 10) return;
  loop2(x + 1);
};

Ein sofort aufgerufener Funktionsausdruck (IIFE) ist eine Funktion, die direkt nach dem Laden in den Compiler des Browsers aufgerufen wird. Eine IIFE erkennt man an den zusätzlichen linken und rechten Klammern am Ende der Funktionsdefinition.

Funktionsausdrücke, ob benannt oder anonym, können sofort aufgerufen werden.

js
(function foo() {
  console.log("Hello Foo");
})();

(function food() {
  console.log("Hello Food");
})();

(() => console.log("hello world"))();

Deklarierte Funktionen können auf diese Weise nicht sofort aufgerufen werden, da IIFEs Funktionsaudrücke sein müssen.

js
function foo() {
  console.log("Hello Foo");
}();

Wenn Sie mehr über IIFEs erfahren möchten, schauen Sie sich die folgende Seite auf Wikipedia an: Immediately Invoked Function Expression

Siehe auch