Como transformar uma string em chamada de função em JS

Neste artigo você vai aprender a como transformar uma string em chamada de função, utilizando a linguagem JavaScript!

Fala programador(a), beleza? Bora aprender mais sobre JavaScript!

Transformar uma string em chamada de função é uma tarefa comum em JavaScript.

Isso pode ser necessário quando se trabalha com código dinâmico, em que o nome da função ou seus argumentos são definidos em tempo de execução.

Neste artigo, discutiremos várias maneiras de transformar uma string em chamada de função em JavaScript.

Usando a função eval()

A função eval() é uma função incorporada do JavaScript que permite executar código dinamicamente. Ela avalia uma string como se fosse código JavaScript e executa o resultado.

Para transformar uma string em chamada de função usando eval(), podemos fazer o seguinte:

const functionName = 'nome-da-funcao';
const arg1 = 'primeiro-argumento';
const arg2 = 'segundo-argumento';

const result = eval(`${functionName}('${arg1}', '${arg2}')`);

Nesse exemplo, a variável functionName contém o nome da função a ser chamada, e as variáveis arg1 e arg2 contêm os argumentos da função.

A string resultante é avaliada por meio da função eval(), que executa a chamada da função.

Embora o uso da função eval() seja uma solução rápida e fácil, ele também apresenta algumas desvantagens.

Em primeiro lugar, o código avaliado pela função eval() é executado no mesmo escopo que a chamada, o que pode representar um risco de segurança se a string a ser avaliada não for confiável.

Em segundo lugar, a função eval() pode prejudicar o desempenho do código, pois o compilador não pode otimizar o código avaliado de antemão.

Usando o objeto Function()

Uma maneira mais segura e eficiente de transformar uma string em chamada de função é usar o objeto Function().

O objeto Function() é uma função incorporada do JavaScript que permite criar uma nova função a partir de uma string de código JavaScript. Aqui está um exemplo de como usá-lo:

const functionName = 'nome-da-funcao';
const arg1 = 'primeiro-argumento';
const arg2 = 'segundo-argumento';

const functionCall = new Function(`${functionName}('${arg1}', '${arg2}')`);
const result = functionCall();

Nesse exemplo, a variável functionName contém o nome da função a ser chamada, e as variáveis arg1 e arg2 contêm os argumentos da função.

A string resultante é usada para criar uma nova função usando o objeto Function().

A chamada da função é então executada, e o resultado é armazenado na variável result.

Usando a função apply()

A função apply() é uma função incorporada do JavaScript que permite chamar uma função com um determinado contexto e um conjunto de argumentos.

Ela é útil quando se tem um conjunto de argumentos em forma de array ou objeto, em vez de argumentos individuais. Aqui está um exemplo de como usá-la:

const functionName = 'nome-da-funcao';
const args = ['primeiro-argumento', 'segundo-argumento'];

const functionCall = window[functionName];
const result = functionCall.apply(null, args);

Nesse exemplo, a variável functionName contém o nome da função a ser chamada, e a variável args contém um array de argumentos.

A função é obtida usando a notação de colchetes, e a chamada é feita usando a função apply().

O primeiro argumento da função apply() é o contexto em que a função deve ser executada.

Neste caso, passamos null para usar o contexto global. O segundo argumento é o array de argumentos que será passado para a função.

Usando a função call()

A função call() é semelhante à função apply(), mas os argumentos são passados individualmente em vez de em um array. Aqui está um exemplo de como usá-la:

const functionName = 'nome-da-funcao';
const arg1 = 'primeiro-argumento';
const arg2 = 'segundo-argumento';

const functionCall = window[functionName];
const result = functionCall.call(null, arg1, arg2);

Nesse exemplo, a variável functionName contém o nome da função a ser chamada, e as variáveis arg1 e arg2 contêm os argumentos da função.

A função é obtida usando a notação de colchetes, e a chamada é feita usando a função call().

O primeiro argumento da função call() é o contexto em que a função deve ser executada.

Neste caso, passamos null para usar o contexto global. Os argumentos seguintes são os argumentos individuais que serão passados para a função.

Quer aprender mais sobre React? Confira o vídeo abaixo:

Conclusão

Transformar uma string em chamada de função é uma tarefa comum em JavaScript, especialmente em código dinâmico.

Neste artigo, discutimos várias maneiras de fazer isso, incluindo o uso da função eval(), do objeto Function(), da função apply() e da função call().

Embora a função eval() seja uma solução rápida e fácil, ela apresenta algumas desvantagens em termos de segurança e desempenho.

O objeto Function() é uma solução mais segura e eficiente, enquanto a função apply() e a função call() são úteis quando se tem um conjunto de argumentos em forma de array ou objeto ou quando se precisa passar argumentos individuais, respectivamente.

É importante escolher a solução mais adequada para cada caso e sempre considerar as implicações de segurança e desempenho do código.

Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.

Nosso principal objetivo é tornar você um dev no menor tempo possível, através de uma metodologia planejada nos mínimos detalhes, após formar muitos outros desenvolvedores.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!