Qual é a palavra -chave isto em javascript?

Se você programou em java, c ++ ou em qualquer outro idioma, você deve estar familiarizado com a palavra -chave "essa". No entanto, em JavaScript, funciona de maneira um pouco diferente. É diferente porque o JavaScript oferece um modo rigoroso. Modo rigoroso é onde não podemos usar variáveis ​​não declaradas. Modo rigoroso também ajuda na depuração.

A palavra -chave "isto" é amplamente usada em quase todas as linguagens de programação. No entanto, também é o conceito mais confuso. Se você é iniciante, não se preocupe, hoje abordaremos quase tudo sobre a palavra -chave "essa" em javascript junto com exemplos. Então sente -se bem e deixe o passeio começar.

O que é "essa" palavra -chave

A definição mais simples da palavra -chave "essa" é que ela aponta ou se refere a um objeto ao qual pertence. Também podemos dizer que faz referência a que o objeto está chamando a função/método atualmente.

Agora que sabemos o que significa a palavra -chave "essa", vamos descobrir onde é usada. O valor da palavra -chave "isto" também difere com base em onde é usada.

Usando a palavra -chave “isto” sozinha

A palavra -chave "isso" pode ser usada sozinha sem nenhum método. No entanto, então mantém a referência ao objeto global. Por exemplo:

const xyz = this;
alerta (xyz);

Neste exemplo, inicializamos uma variável, que armazena a referência ao objeto global. Deve -se ter em mente que a janela do navegador objeto global é [janela do objeto]. Quando executamos o código a seguir, receberemos o seguinte alerta:

Também podemos usar a palavra -chave "isto" sozinha usando o modo rigoroso. A solução será a mesma i-e que mostrará o alerta [da janela do objeto]. O código ficará assim:

const xyz = this;
alerta (xyz);

Usando a palavra -chave "This" na função

Usando a palavra -chave "This" em uma função é a maneira padrão. A palavra -chave “isto” também se referirá ao objeto global em uma função. Por exemplo:

function myfunc ()
alerta (isso);

myfunc ();

No entanto, se usarmos essa palavra -chave no modo rigoroso, o resultado será indefinido. Isso ocorre porque, no modo rigoroso, o JavaScript restringe a ligação padrão. Por exemplo:

use rigoroso ";
function myfunc ()
alerta (isso);

myfunc ();

Neste exemplo, usamos "use rigoroso". Seremos devolvidos indefinidos quando executarmos este código.

Usando a palavra -chave “isto” nos manipuladores de eventos

Os manipuladores de eventos lidam com eventos. Por exemplo, se você clicar em um botão, esse clique será tratado por manipuladores de eventos. Se queremos nos referir a esse elemento de botão em html, do qual recebemos o clique, usamos a palavra -chave "isto".
Por exemplo, suponha que tenhamos um botão. Queremos fazê -lo desaparecer assim que clicarmos. Vamos alcançá -lo pelo seguinte código:

Html:

Clique em mim para ver mágica

JavaScript:

const btn = documento.QuerySelector (".Vanish-btn ");
btn.addEventListener ('click', function ()
esse.estilo.display = "nenhum";
)

Neste código, em HTML, criamos um botão pela primeira vez com o nome da classe de "Vanish-BTN". Depois disso, colocamos a etiqueta de script onde referenciamos o nome do arquivo de JavaScript. No arquivo JavaScript, primeiro obtemos a referência do botão em "BTN" com a ajuda do nome da classe. Depois disso, colocamos um ouvinte de evento com o clique de um botão. Nisso sempre que o botão for clicado, a função de retorno de chamada será executada onde fizemos a exibição do botão nenhum.

Antes de clicar no botão, o navegador ficará assim:

Quando clicamos no Clique em mim para ver mágica botão vai desaparecer.

Método de objeto Ligação

Daremos alguns exemplos primeiro e depois discutiremos isso para entender o conceito. No entanto, lembre -se de que a palavra -chave "isso" é o objeto de jogador definido no exemplo a seguir ou no objeto pai que está referenciando.

const player =
Nome: "Hazard",
Clube: "Chelsea",
camisa: 10,
myfunc: function ()
devolver isso.nome;

;
Alerta (jogador.myfunc () + "joga para" + jogador.clube);

Neste exemplo, iniciamos um objeto com o nome de "jogador". Especificamos suas propriedades como nome, clube e número da camisa. Depois disso, fizemos uma função. No final, alertamos a função do objeto do jogador e o clube pelo qual ele toca. Isso é usado no myfunc () função. Nisso, está referenciando o nome do jogador com as palavras -chave “isto. nome". O resultado dentro de um alerta ficará assim:

Palavra -chave "this" em uma função de seta

As funções de seta foram introduzidas pela primeira vez na versão ES6 e têm uma função semelhante a uma função JavaScript padrão, exceto que as funções de seta diminuem a sintaxe.
Por exemplo:

function myfunc ()
Retornar "Campeões da Europa"

myfunc ();

Isso pode ser escrito como:

const myfunc = () =>
retornar "Campeões da Europa";

A palavra -chave "this" é tratada de maneira diferente em uma função de seta do que na função padrão. Para ser preciso, as funções de seta não têm ligação da palavra -chave "isto". Além disso, a palavra -chave "isto" refere -se à variável ou objeto que definiu a função de seta.
Por exemplo:

const player = () => (
Nome: "Hazard",
Clube: "Chelsea",
camisa: 10,
myfunc: function ()
devolver isso.nome;

);
Alerta (Player ().myfunc ());

Palavra-chave "This" aqui referenciou o jogador como o jogador definido pela função de seta.

Conclusão

Neste artigo, discutimos o que é "essa" palavra -chave e como é usada. Também discutimos onde e como podemos usar a palavra -chave "isto". Tudo isso com a ajuda de exemplos. A palavra -chave “isto” é um conceito importante de JavaScript e principalmente iniciantes que lutam com isso. Esperamos que este post tenha esclarecido quaisquer ambiguidades que você possa ter tido.