Function

Der Function Konstruktor erstellt ein neues Funktion Objekt. Das direkte Aufrufen kann Funktionen dynamisch erstellen, hat aber Sicherheits- und Performanceprobleme genau wie der Einsatz von eval.

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

Jede JavaScript Funktion ist aktuell ein Function Objekt.

Syntax

new Function ([arg1[, arg2[, ...argN]],] functionBody)

Parameter

arg1, arg2, ... argN

Namen die von der Funktion als formelle Argument-Name genutzt werden. Jeder davon muss ein String sein, welcher mit einem gültigen JavaScript identifier (Variablennamen) oder einer Liste von solchen Strings, getrennt mit einem Komma; zum Beispiel: "x", "derWert", oder "a,b", übereinstimmen.

functionBody

Ein String, welcher den JavaScript Ausdruck als Funktions-Definition beinhaltet.

Beschreibung

Mit dem Function Constructor erstellte Funktions-Objekte werden ausgewertet, sobald die Funktion erstellt wurde. Dies ist weniger effizient, als wenn man eine Funktion deklariert und diese innerhalb des Codes abruft, weil mit einem Funktions-Ausdruck deklarierte Funktionen mit dem Rest des Codes aufgerufen werden.

Alle der Funktion übergegebenen Argumente werden als Namen von Identifizierer (z.B. Variablennamen) als Parameter in der zu erstellenden Funktion behandelt - in der Reihenfolge, in welcher sie übergeben werden.

Das Aufrufen des Function Konstruktors als Funktion (ohne den "new" Operator) hat dieselbe Wirkung, wie es als Konstrukteur aufruft.

Eigenschaften und Methoden von Function

Das globale Function Objekt hat eigene Methoden und Eigenschaften, doch, da es eine Funktion selbst ist, erbt es einige Methoden und Eigenschaften durch die Prototypkette aus Function.prototype.

Function Prototyp Objekt

Eigenschaften

Methoden

Function Instanzen

Funktions-Instanzen erben Methoden und Eigenschaften vom Function.prototype. Wie bei allen Konstruktoren kann das Prototypen Objekt verändern werden, um Änderungen an allen Funktions-Instanzen durchzuführen.

Beispiele

Spezifizieren von Argumente mit dem Function Konstruktor

Der folgende Code erstellt ein Funktions-Objekt, welches zwei Argumente entgegennimmt.

// Das Beispiel kannst du direkt in der JavaScript console laufen lassen.

// Erstellt eine Funktion, die zwei Argumente annimmt und gibt die Summe dieser Argumente zurück 

var adder = new Function('a', 'b', 'return a + b');

// Aufruf der Funktion
adder(2, 6);
// > 8

Die Argumente "a" und "b" sind formale Argument-Namen, welche im Funktions-Rumpf genutzt werden, "return a + b".

Unterschiede zwischen dem Function Konstruktor und Funktionsdeklarationen

Funktionen, die mit dem Function Konstruktor erstellt werden, erstellen keine Closures in ihrem Erstellungskontext; Sie werden immer im globalen Scope erstellt. Wenn diese ausgeführt wird, kann sie nur auf eigene lokale oder globale Variablen zugreifen, jedoch nicht auf die aus aus dem Erstellungskontext des Function Konstruktor aufzufes. Dieses ist der Unterschied zum Einsatz von eval mit Quelltext für einen Funktionsausdruck.

var x = 10;

function createFunction1() {
    var x = 20;
    return new Function('return x;'); // this |x| refers global |x|
}

function createFunction2() {
    var x = 20;
    function f() {
        return x; // this |x| refers local |x| above
    }
    return f;
}

var f1 = createFunction1();
console.log(f1());          // 10
var f2 = createFunction2();
console.log(f2());          // 20

Spezifikationen

Browserkompatibilität

Siehe auch

• Functions and function scope
• Function
• function statement
• function expression
• function* statement
• function* expression
• AsyncFunction
• GeneratorFunction