Die „neue Funktion“-Syntax

Was ist daran so neu?

Nun, ein Beispiel wird uns helfen zu verstehen, was diese seltsame neue Funktion ist.

Beginnen wir mit einer Definition dessen, was es ist:

let func = new Function([arg1, arg2, ...argN], functionBody);

Nun, das erklärt nichts. Es macht die Sache sogar noch schlimmer 😑.

Okay, ich hab dich. Wie wäre es mit einem Beispiel? Ja, das dachte ich mir :)

let mult = new Function('f', 'g', 'return f * g')
console.log(mult(6,9)) //54

let sayBye = new Function('alert("Bye Bye Beatiful")')
sayBye() // Bye Bye Beatiful

Alle anderen Deklarationen erfordern, dass wir den Funktionscode in das Skript schreiben.

Aber new Functionerlaubt Ihnen, jeden String in eine Funktion umzuwandeln.

Beispielsweise können wir eine neue Funktion von einem Server empfangen und dann ausführen:

let str = … //Receive the code from a server dynamically
let func = new Function(str);
func();

Ein wichtiger Unterschied zu diesem new Functionund jedem anderen functionbesteht darin, dass sich das new Functionimmer auf den globalen Geltungsbereich bezieht und nicht auf seinen lexikalischen Geltungsbereich wie ein reguläres function.

Das bedeutet, dass der new Function keinen Zugriff 🙅🏻‍♂️ auf äußere Variablen hat, sondern nur auf die globalen.

Darüber hinaus ist es möglich, es ähnlich zu definieren:

new Function('f', 'g', 'return f * g') // Basic syntax
new Function('f,g', 'return f * g') // Comma-separated
new Function('f , g', 'return f * g') // Comma-separated with spaces