Método de chamada JavaScript

Método de chamada JavaScript

““chamar()”É um método JavaScript predefinido que é usado para chamar métodos de vários objetos. O método JavaScript Call () é invocado enquanto toma o proprietário do objeto como um argumento. Nesta situação, o “esse”Palavra -chave refere -se ao objeto ou proprietário ao qual o método pertence. No JavaScript, todas as funções são consideradas métodos de objeto e, se não for esse o caso, a função será utilizada como um objeto global.

Este artigo discutirá o método JavaScript Call (). Além disso, também demonstraremos como usar o método JavaScript Call () para encadear os construtores de objetos e o empréstimo de função com a ajuda de exemplos. Então vamos começar!

Método JavaScript Call ()

Uma função normal é considerada uma instância do “Função" tipo. Por exemplo, criamos uma função de exibição de amostra () que terá algum código em seu corpo:

Função Display ()
// corpo da função

Agora, verifique a associação entre a função Display () e a “Função”Ao executar o abaixo"console.registro()”Função. Vai voltar “verdadeiro”, Como nossa função de exibição definida () é uma instância do“Função" tipo:

console.log (mostre instanceof function);

Sintaxe do método JavaScript Call ()

Em JavaScript, o “Função”O tipo compreende um método“chamar()”, Que tem a seguinte sintaxe:

FunctionName.Call (thisarg, arg1, arg2,…);

Como você pode ver na sintaxe, o “chamar()”O método invocará a função“FunctionName”. O primeiro argumento, “thisarg"Do método de chamada, representa"esse”Valor, e também permite definir o valor de“esse”Para um objeto especificado. Os argumentos restantes, como “Arg1","Arg2”… Pode ser os argumentos normais da função criada.

Exemplo 1: Usando o método JavaScript Call ()

Depois de definir uma função no JavaScript, temos que invocar para que ele possa executar as operações adicionadas. Nesta situação, quando a função criada é chamada, a função JavaScript invoca o método Call () para essa função.

Por exemplo, criamos um displayfunc () que exibirá uma string “Isso é Linuxhint.com”Na janela do console:

função displayfunc ()
console.log ('Isso é Linuxhint.com ');

Agora, vamos invocar nosso displayfunc () função usando o nome da função:

displayfunc ();

Ele mostrará a seguinte saída:

Invocando o Função DisplayFunc () ou invocando o Call () Método para o Função DisplayFunc () mostrará a mesma saída:

displayfunc.chamar();


Dentro de uma função, “esse”O valor é definido como o objeto global por padrão, que é“global”No nó.JS e “janela”Nos navegadores da web. A execução da função abaixo dada ajudará você a entender este conceito:

função displayfunc ()
console.log (this);

Ao chamar de displayfunc (), o valor de "esse”Que é definido como“janelaObjeto, será devolvido:

displayfunc ();

Exemplo 2: Usando o método JavaScript Call ()

Primeiro de tudo, criaremos um “soma()”Função com os parâmetros“x" e "y”. Dentro do corpo do “soma()”Função, adicionaremos o código para retornar a adição dos argumentos aprovados:

Função soma (x, y)
retornar x + y;

Agora, em vez de chamar o “soma()”Função diretamente, utilizamos o“chamar()”Método para invocar nosso criado“soma()”Função. Aqui, neste caso, o valor de “esse”Será definido para o objeto global:

deixe o resultado = soma.Ligue para (isso, 89, 98);
console.log (resultado);

Dê uma olhada no exemplo fornecido e em sua saída:

Exemplo 3: Usando a função JavaScript Call ()

Neste exemplo, em primeiro lugar, criaremos um “saudações" variável:

var saudando = 'olá';

Em seguida, vamos definir um “mensagem“Objeto com uma propriedade chamada“saudações”:

var mensagem =
Saudação: 'Oi'

Depois de fazer isso, criaremos um “Bem-vindo()”Função. Dentro de "Bem-vindo()”Função, vamos nos referir ao“saudações”Variável com“esse" valor:

função bem -vindo (nome)
console.log (isso.saudação + " + nome);

Agora, se invocarmos o “Bem-vindo()"Mensagem ao passar"esse" e 'Marca'Como argumentos, ele mostrará a saída abaixo:

Bem-vindo.Ligue para (isso, 'Mark');

No outro caso, você também pode invocar o “Bem-vindo()”Função com o“chamar()”Método enquanto passava o“mensagem”Objeto como o valor de“esse”:

Bem-vindo.ligue (mensagem, 'mark');

Ao fazer isso, você verá uma string “Olá Mark”Como saída:

Construtores de objetos de encadeamento usando o método javascript chamado ()

Você também pode utilizar o método Call () para cadeias de construtores de objetos. Não sei como fazer isso? Confira o seguinte exemplo.

Exemplo: Chazing Object Constructors usando o método JavaScript Call ()

Para mostrar como encadear construtores de objetos usando o “chamar()”Método, primeiro, criamos uma função de objeto () com dois parâmetros de comprimento e amplitude:

objeto de função (comprimento, largura)
esse.comprimento = comprimento;
esse.largura = largura;

Em seguida, vamos criar outro “Ferramenta()”Função compreendendo três parâmetros: comprimento, largura e cor. Por atribuir o valor ao “comprimento" e "largura”Variável, invocaremos a função Object () com o método Call (). Para o "cor”Variável, seu valor será atribuído no“Ferramenta()”Função:

Widget de função (comprimento, largura, cor)
objeto.ligue (isso, comprimento, largura);
esse.cor = cor;

Agora, criaremos um novo “ferramenta“Objeto com um comprimento“90", Largura"70”E cor como“azul”Valores:

deixe widget = novo widget (90,70, 'azul');
console.log (widget);

Confira a saída do exemplo acima:

Empréstimo de função usando o método JavaScript Call ()

Empréstimo de função é um conceito no qual um objeto utiliza o método de outro objeto. Esta seção demonstrará o procedimento de empréstimo de função usando o método JavaScript Call ().

Exemplo: Função empréstimo usando o método JavaScript Call ()

Para explicar o empréstimo de função, a primeira coisa que precisamos fazer é criar dois objetos e definir algumas funções para cada um deles. Para fazer isso, adicionaremos um “bicicleta“Objeto, tendo um“nome”Propriedade e três métodos simples: Start (), Speedup () e Stop ():

Const Bike =
Nome: 'Bike',
Iniciar: function ()
console.log ('inicie o seu' + this.nome);
,
aceleração: function ()
console.log ('acelerar seu' + this.nome)
,
Stop: function ()
console.log ('pare o seu' + this.nome);

;

Depois de fazer isso, criaremos outro objeto, “avião"Que contém um"nome”Propriedade e uma“voar”Função:

Const Airplane =
Nome: 'Avião',
fly: function ()
console.log ('voe seu avião');

;

Agora, usaremos o método "Call ()" para invocar o "começar”Método do“bicicleta“Objeto no“avião”Objeto:

bicicleta.começar.ligue (avião);

Como você pode ver na saída que emprestamos com sucesso o método do objeto de bicicleta para o objeto de avião:

Conclusão

No JavaScript, Call () é um método interno que pode ser usado para invocar o método ou função de um objeto como seu primeiro parâmetro. Você também pode utilizar o método JavaScript Call () com um objeto para usar um método que pertence a outro objeto. Este artigo discutiu o método JavaScript Call (). Além disso, também demonstramos o uso do método JavaScript Call () para encadear os construtores de objetos e empréstimos de função com a ajuda de exemplos.