Function() Konstruktor
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Der Function() Konstruktor erstellt Function Objekte. Wenn der Konstruktor direkt aufgerufen wird, können Funktionen dynamisch erstellt werden. Dies ist jedoch mit Sicherheitsproblemen und ähnlichen (aber weit weniger signifikanten) Leistungsproblemen verbunden wie eval(). Im Gegensatz zu eval (das möglicherweise Zugriff auf den lokalen Geltungsbereich hat), erstellt der Function-Konstruktor Funktionen, die nur im globalen Geltungsbereich ausgeführt werden.
Probieren Sie es aus
const sum = new Function("a", "b", "return a + b"); console.log(sum(2, 6)); // Expected output: 8 Syntax
new Function(functionBody) new Function(arg1, functionBody) new Function(arg1, arg2, functionBody) new Function(arg1, arg2, /* …, */ argN, functionBody) Function(functionBody) Function(arg1, functionBody) Function(arg1, arg2, functionBody) Function(arg1, arg2, /* …, */ argN, functionBody) Note:
Function()kann mit oder ohnenewaufgerufen werden. Beide erzeugen eine neueFunctionInstanz.
Parameter
arg1, …,argNOptionalNamen, die von der Funktion als formale Argumentnamen verwendet werden sollen. Jeder muss ein String sein, der einem gültigen JavaScript-Parameter entspricht (entweder ein einfacher Identifikator, ein Restparameter oder ein destrukturierter Parameter, optional mit einem Standardwert), oder eine Liste solcher Strings, getrennt durch Kommata.
Da die Parameter auf die gleiche Weise wie Funktionsausdrücke geparst werden, sind Leerzeichen und Kommentare erlaubt. Beispielsweise:
"x", "theValue = 42", "[a, b] /* numbers */"— oder"x, theValue = 42, [a, b] /* numbers */". ("x, theValue = 42", "[a, b]"ist ebenfalls korrekt, aber sehr verwirrend zu lesen.)functionBodyEin String, der die JavaScript-Anweisungen enthält, die die Funktionsdefinition bilden.
Beschreibung
Function-Objekte, die mit dem Function-Konstruktor erstellt werden, werden geparst, wenn die Funktion erstellt wird. Dies ist weniger effizient als das Erstellen einer Funktion mit einem Funktionsausdruck oder einer Funktionsdeklaration und sie innerhalb Ihres Codes aufzurufen, da solche Funktionen mit dem Rest des Codes geparst werden.
Alle an die Funktion übergebenen Argumente, außer dem letzten, werden als Bezeichnernamen der zu erstellenden Parameterfunktionen in der Reihenfolge behandelt, in der sie übergeben werden. Die Funktion wird dynamisch als Funktionsausdruck kompiliert, wobei die Quelle folgendermaßen zusammengesetzt wird:
`function anonymous(${args.join(",")} ) { ${functionBody} }`; Dies ist durch den Aufruf der toString() Methode der Funktion beobachtbar.
Im Gegensatz zu normalen Funktionsausdrücken wird der Name anonymous jedoch nicht zum Geltungsbereich von functionBody hinzugefügt, da functionBody nur Zugriff auf den globalen Geltungsbereich hat. Befindet sich functionBody nicht im strict mode (der Körper selbst muss die "use strict"-Direktive haben, da er die Striktheit nicht vom Kontext erbt), können Sie arguments.callee verwenden, um auf die Funktion selbst zu verweisen. Alternativ können Sie den rekursiven Teil als innere Funktion definieren:
const recursiveFn = new Function( "count", ` (function recursiveFn(count) { if (count < 0) { return; } console.log(count); recursiveFn(count - 1); })(count); `, ); Beachten Sie, dass die beiden dynamischen Teile der zusammengebauten Quelle — die Parameterliste args.join(",") und functionBody — zuerst separat geparst werden, um sicherzustellen, dass sie jeweils syntaktisch gültig sind. Dies verhindert versuchsartige Injektionen.
new Function("/*", "*/) {"); // SyntaxError: Unexpected end of arg string // Doesn't become "function anonymous(/*) {*/) {}" Beispiele
Argumente mit dem Function Konstruktor angeben
Der folgende Code erstellt ein Function-Objekt, das zwei Argumente annimmt.
// Example can be run directly in your JavaScript console // Create a function that takes two arguments, and returns the sum of those arguments const adder = new Function("a", "b", "return a + b"); // Call the function adder(2, 6); // 8 Die Argumente a und b sind formale Argumentnamen, die im Funktionskörper return a + b verwendet werden.
Erstellen eines Funktionsobjekts aus einer Funktionsdeklaration oder einem Funktionsausdruck
// The function constructor can take in multiple statements separated by a semicolon. Function expressions require a return statement with the function's name // Observe that new Function is called. This is so we can call the function we created directly afterwards const sumOfArray = new Function( "const sumArray = (arr) => arr.reduce((previousValue, currentValue) => previousValue + currentValue); return sumArray", )(); // call the function sumOfArray([1, 2, 3, 4]); // 10 // If you don't call new Function at the point of creation, you can use the Function.call() method to call it const findLargestNumber = new Function( "function findLargestNumber (arr) { return Math.max(...arr) }; return findLargestNumber", ); // call the function findLargestNumber.call({}).call({}, [2, 4, 1, 8, 5]); // 8 // Function declarations do not require a return statement const sayHello = new Function( "return function (name) { return `Hello, ${name}` }", )(); // call the function sayHello("world"); // Hello, world Spezifikationen
| Specification |
|---|
| ECMAScript® 2026 Language Specification # sec-function-constructor |
