Invocar uma função como um método em JavaScript

No JavaScript, as funções podem ser chamadas de várias maneiras. Essa afirmação pode parecer incomum para você se você for um iniciante em JavaScript, e você pode pensar como uma função pode ser chamada de várias maneiras? Não nós apenas chamamos de? Bem, queridos leitores, existem quatro maneiras diferentes de chamar uma função em JavaScript e, neste artigo, falaremos especificamente sobre Invocar a função como um método em JavaScript.

Antes de pular em direção ao procedimento de invocar a função como um método em JavaScript, primeiro, vamos mostrar como invocar uma função como uma função no JavaScript. Seguindo essa abordagem, você pode encontrar facilmente a diferença entre as práticas de chamada de função mencionada. Então vamos começar!

Invocar a função como uma função em JavaScript

Em JavaScript, a maioria das funções é invocada ou chamada "Como uma função". Para mostrar como invocar uma função de JavaScript como uma função, criaremos um “Multiplyfunc ()” Isso terá dois parâmetros, "X" e "Y". No corpo da função, multiplicaremos os valores armazenados nos parâmetros:

função multiplyfunc (x, y)
retornar x * y;

Agora para invocar o “Mutliplyfunc ()” Como função, executaremos a linha abaixo e passamos "2" e "6" como argumentos da função:

multiplyfunc (2, 6);

A saída do código acima é mostrada abaixo:

Como a página HTML é o objeto global padrão, o “Multiplyfunc ()” A função pertence à página HTML. A janela do navegador é o objeto da página em um navegador. Então, a função “Multiplyfunc ()” será automaticamente convertido em uma função de janela.

O dado anteriormente função multiplyfunc () e a janela.múltiplo () mostrarei a mesma saída:

função multiplyfunc (x, y)
retornar x * y;

janela.multiplyfunc (2, 6);

Como você pode ver isso depois de ligar para o janela.multiplyfunc () e passando "2" e "6" Como argumentos, a função retornou "12" como saída:

Invocar a função como método em javascript

Em JavaScript, uma função deve ser especificada como uma propriedade de objeto para invocá -la como um método. Nesse caso, uma função JavaScript compreende dois parâmetros: a "função" que pertence a um objeto específico e um "esse" parâmetro que possui o programa JavaScript; No entanto, nessa situação, ele armazenará o objeto declarado.

No exemplo abaixo, criamos um "funcionário" objeto com duas propriedades, "primeiro nome" e "sobrenome", e a "Nome completo" método de objeto. O "Nome completo" Método pertence ao "funcionário" objeto e é uma função:

const funcionário =
primeiro nome: "Jack",
Nome do último: "Smith",
FullName: function ()
devolver isso.primeiro nome + "" + este.sobrenome;

Agora, para invocar o "nome completo()" Como método, executaremos o seguinte código:

funcionário.nome completo();

O Método FullName () retornará o primeiro nome e o último nome do "funcionário" objeto, que foi especificado no corpo da função:

Agora, mudaremos o corpo da função para “Retorne isso” para que ele produz o objeto do proprietário:

const funcionário =
primeiro nome: "Jack",
Nome do último: "Smith",
FullName: function ()
devolver isso;

Invocar o nome completo() função como um "funcionário" Método de objeto da seguinte maneira:

funcionário.nome completo();

A saída informará sobre as propriedades do objeto do funcionário, como primeiro nome, ultimo nome, e seus valores. Observe que para o valor da propriedade FullName Object, "F" é devolvido, o que indica que FullName é uma função:

Conclusão

Ao criar uma função como uma propriedade de objeto, podemos invocar uma função como um método em javascript. Quando você define uma função JavaScript como propriedade de um objeto, ele compreende dois parâmetros: uma função que pertence a um objeto específico e a esse parâmetro que armazenará o objeto declarado. Este artigo discutiu a função de invocação como um método em JavaScript. Além disso, a diferença entre invocar a função como uma função normal e a função de invocar como um método também é demonstrada com a ajuda de exemplos.