Como chamar uma função em JavaScript

Como chamar uma função em JavaScript
Funções são pedaços de blocos que vêm com funcionalidade reutilizável e reduzem a complexidade do código. Se uma ação precisar ser realizada várias vezes, as funções serão usadas para reduzir a repetição do código no programa. Essas funções podem ser definidas ou incorporadas ao usuário que executam uma ação específica.

Sempre que precisamos do código dentro da função para executar, fazemos uma chamada e certas ações são executadas. Em JavaScript, existem quatro maneiras pelas quais você pode chamar uma função e executar a ação. Neste artigo, discutiremos como chamar uma função em JavaScript e várias maneiras de chamá -lo, juntamente com exemplos para uma melhor demonstração.

Chamando uma função em JavaScript

Em JavaScript sempre que chamamos uma função, independentemente da maneira como é chamada, dois argumentos "esse" e a Parâmetros de argumentos são passados ​​para ele que estão implícitos. ““esse”Representa a condição ou o contexto que permitirá que a função seja executada, enquanto o parâmetro de argumentos consiste em todos os argumentos que estão sendo passados ​​para a função. A seguir, estão as quatro maneiras pelas quais as funções em JavaScript são chamadas juntamente com exemplos para o seu melhor entendimento.

Chamando uma função como "função"

A maneira mais usada e comum de chamar qualquer função em qualquer linguagem de programação está chamando -a de própria função. Isso pode ser feito quando você coloca algumas linhas de código e executa essas linhas sempre que um botão é clicado, então a função é chamada de "função".

No exemplo abaixo mencionado no clique do botão, a função é chamada diretamente e a ação é executada:

Clique no botão para dizer olá




Saída:

Chamando uma função como método

Outra maneira de chamar uma função é como um método e, nessa função, é definida como propriedade em um objeto que é feito envolvendo a função dentro de um objeto.

No exemplo fornecido abaixo da função “Greetingfunc ()"Está envolto dentro do objeto"olá”E usamos o método de sintaxe do DOT do objeto para chamar a função sempre que o botão for clicado:

Clique no botão para saudações




Saída:

Chamando uma função como construtor

Os construtores são usados ​​para inicializar um estado e configurá -lo em um objeto ou construir um objeto. Chamar uma função como construtor é uma maneira especializada pela qual enviamos algumas entradas e recebemos uma saída diferente para cada entrada.

No exemplo abaixo, os usuários inserem seu nome em uma caixa de entrada e quando clicam no botão A função “Greetingfunc ()”É chamado e, dentro dessa função, o valor da caixa de texto de entrada é obtido através do ID atribuído ao campo de texto de entrada. Uma nova instância do objeto Hello é criada chamando a função hello ().


Clique no botão para saudações




A palavra -chave "nova" mostra que a função está sendo chamada de construtor e o valor está sendo salvo na saudação variável que mais tarde está sendo usada para imprimir o nome na tela.

Saída:

Chamando uma função através de chamada () e aplicação ()

Enquanto trabalha com funções JavaScript que você tem para ter em mente que as funções podem ter suas próprias propriedades e métodos e chamar() e aplicar() sendo os dois de tais métodos. Ambos os métodos permitem que o usuário defina o conteúdo em que desejam executar a função através de “esse" valor.

No exemplo abaixo, as informações das duas pessoas são armazenadas e são exibidas quando o valor é passado dentro do método Call (). Aqui, o método FullName é chamado para exibir o nome do FirstPerson.


Saída:

O aplicar() O método é usado de maneira semelhante para chamar uma função, mas aceita uma matriz, enquanto o chamar() o método aceita uma lista de valores.

const num = [2, 6, 11, 33, 4];
const max = matemática.máx.aplicar (nulo, num);
console.log (max);
const min = matemática.min.aplicar (nulo, num);
console.log (min);

Saída:

Conclusão

As funções consistem em código que está sendo reutilizado com diferentes entradas. No JavaScript, as funções podem ter suas próprias propriedades e métodos e podem ser chamados de quatro maneiras diferentes. Neste artigo, discutimos como chamar uma função em JavaScript e discutimos as quatro maneiras junto com o exemplo e o código. Todas essas quatro maneiras são úteis para qualquer desenvolvedor e, ao trabalhar com funções, você deve estar ciente de "essa" referência de palavras -chave e seu trabalho.