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];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.