Invocando uma função com um construtor de funções em JavaScript

Em JavaScript, invocando uma função com uma função “construtor”É diferente de invocar uma função como“método”E invocando -o como um“função”Porque cria um novo objeto que herda as propriedades e métodos de sua função construtora, e os outros dois métodos não incluem herança. Portanto, verifique se você está usando o método certo para invocar a função para executar o código JavaScript com eficiência.

Este tutorial apresenta sintaxe e exemplos de chamar uma função usando um construtor de função. Ele também diferenciará como o método de invasão do construtor de função é diferente dos outros dois métodos. Então vamos começar!

Invocando uma função como construtor de funções

No exemplo seguinte, criaremos um “x”Objeto, invocando o“myarg ()”Função Construtor:

função myarg (arg1, arg2)
esse.raio = arg1;
esse.altura = arg2;

var x = novo myarg (1,2)
console.log (x);

A saída deste programa é dada abaixo:

O exemplo acima definiu primeiro uma função “myarg ()”. Depois disso, criamos um “x”Objeto, invocando o“myarg ()”Funciona como um construtor de funções. O construtor da função herdará as propriedades da função original. Podemos ver que apenas os valores foram passados ​​como argumentos para o “myarg ()”Função, mas a saída também mostra as propriedades associadas a eles.

Agora, vamos conferir os outros métodos para invocar uma função em JavaScript.

Invocando uma função como uma função

É simples invocar uma função como uma função em JavaScript. A função não cria um novo objeto, mas JavaScript criará globalmente um objeto. A função sempre pertence à página HTML, que é o objeto padrão da função. Podemos invocar uma função simplesmente usando seu nome e passando os argumentos de acordo com os parâmetros especificados.

Exemplo: invocar uma função como uma função

Neste exemplo, criaremos um “MyFunction ()”Com dois parâmetros“a" e "b”, E retornará o produto dos valores dos argumentos aprovados:

função myfunction (a, b)
retornar a * b;

MyFunction (10, 2); // vai retornar 20

Invocando uma função como um método

JavaScript também nos permite invocar uma função como um método. No exemplo abaixo, podemos ver que o método FullName é uma função que pertence a um objeto e “MyObject”É o proprietário da função. Aqui o "esse”A palavra -chave também é usada no código. O valor de "esse”Neste método é o que o MyObject retorna.

Exemplo: invocar uma função como um método

No exemplo abaixo, criamos um objeto chamado “MyObject"Tendo duas propriedades"primeiro nome","sobrenome"E um"nome completo”Método. O "nome completo”O método pertence ao“ MyObject ”e é uma função.

Para invocar o método "fullName ()", simplesmente o invocaremos com a ajuda de "MyObject" Da seguinte maneira:

const myObject =
primeiro nome: "Alcei",
LastName: "Jhon",
FullName: function ()
devolver isso.primeiro nome + "" + este.sobrenome;


MyObject.nome completo(); // retornará "Alice John"

Como você pode ver na saída, o método FullName retornou valores de “primeiro nome" e "sobrenome”Propriedades:

Por que usar um construtor de funções para invocar uma função?

O uso de outros métodos de invasão em vez de construtores de funções pode causar problemas relacionados à segurança e desempenho, pois outros métodos criam funções dinâmicas. Função Construtor ajuda a criar uma função que pode ser executada apenas no escopo global.

Invocar uma função com um novo construtor de funções

Um construtor de funções requer um ou mais argumentos de string. Por outro lado, o último argumento mostrará o corpo da função, que consiste nas declarações de JavaScript adicionadas separadas com semicolons.

Exemplo: invocar uma função com um novo construtor de funções

O exemplo a seguir mostra como invocar uma função com um novo construtor de funções:

Clique no botão a seguir para chamar a função

Observação

Um construtor de funções nunca passará um argumento que especifica o nome da função criado no código. Ele declarará automaticamente uma função como uma função anônima.

Conclusão

Em JavaScript, invocar uma função com um construtor de funções não é característico e é baseado na herança. Ainda assim, esse método de invocar as funções tem seus benefícios e pode ser útil em determinadas situações. Este tutorial discutiu o procedimento de invocar uma função com a ajuda do construtor de funções. Também explicamos a diferença entre invocar a função como construtor de funções, invocar a função como um método e invocar a função como uma função com a ajuda de exemplos.