A sintaxe da “nova função”

O que há de tão novo nisso?

Bem, um exemplo nos ajudará a entender o que é essa nova Função estranha.

Vamos começar com uma definição do que é:

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

Bem, isso não explica nada. Na verdade, torna as coisas ainda piores 😑.

Ok, eu tenho você. Que tal um exemplo? Sim, pensei assim :)

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

Todas as outras declarações exigem que escrevamos o código da função no script.

Mas new Functionpermite que você transforme qualquer string em uma função.

Por exemplo, podemos receber uma nova função de um servidor e depois executá-la:

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

Uma diferença importante com este new Functione qualquer outro functioné que o new Functionsempre se refere ao escopo global e não ao seu escopo lexical como um function.

O que isso significa é que o new Function não tem acesso 🙅🏻‍♂️ a variáveis ​​externas apenas as globais.

Além disso, é possível defini-lo da mesma forma:

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