Qual è la parola chiave questa in javascript?

Se hai programmato in Java, C ++ o in qualsiasi altra lingua, devi avere familiarità con la parola chiave "questa". Tuttavia, in JavaScript, funziona in modo leggermente diverso. È diverso perché JavaScript offre una modalità rigorosa. La modalità rigorosa è dove non possiamo usare variabili non dichiarate. La modalità rigorosa aiuta anche nel debug.

La parola chiave "questo" è ampiamente utilizzata in quasi tutti i linguaggi di programmazione. Tuttavia, è anche il concetto più confuso. Se sei un principiante, non preoccuparti, oggi tratteremo quasi tutto sulla parola chiave "questa" in JavaScript insieme agli esempi. Quindi siediti e lascia che il viaggio inizi.

Qual è la parola chiave "questa"

La definizione più semplice della parola chiave "questa" è che indica o si riferisce a un oggetto a cui appartiene. Possiamo anche dire che fa riferimento a quell'oggetto che chiama attualmente la funzione/metodo.

Ora che sappiamo cosa significa la parola chiave "questa", scopriamo dove viene utilizzata. Il valore della parola chiave "questa" differisce anche in base a dove viene utilizzata.

Usando la sola parola chiave "questa"

La parola chiave "questo" può essere utilizzata da sola senza alcun metodo. Tuttavia, detiene quindi il riferimento all'oggetto globale. Per esempio:

const xyz = this;
Avviso (xyz);

In questo esempio, abbiamo inizializzato una variabile, che memorizza il riferimento all'oggetto globale. Va tenuto presente che l'oggetto globale della finestra del browser è [finestra oggetto]. Quando eseguiamo il seguente codice, otterremo il seguente avviso:

Possiamo anche usare la sola parola chiave "questa" usando la modalità rigorosa. La soluzione sarà la stessa i-e mostrerà l'avviso [Oggetto]. Il codice sembrerà così:

const xyz = this;
Avviso (xyz);

Utilizzo della parola chiave "questa" nella funzione

L'uso della parola chiave "questa" in una funzione è il modo predefinito. "Questa" parola chiave si riferirà anche all'oggetto globale in una funzione. Per esempio:

funzione myfunc ()
Avviso (questo);

myFunc ();

Tuttavia, se utilizziamo questa parola chiave in modalità rigorosa, il risultato non è definito. È perché in modalità rigorosa JavaScript limita il legame predefinito. Per esempio:

Usa rigoroso ";
funzione myfunc ()
Avviso (questo);

myFunc ();

In questo esempio, abbiamo usato "Usa rigoroso". Saremo restituiti non definiti quando eseguiamo questo codice.

Utilizzo della parola chiave "questa" nei gestori di eventi

I gestori di eventi gestiscono gli eventi. Ad esempio, se si fa clic su un pulsante, quel clic verrà gestito dai gestori di eventi. Se vogliamo fare riferimento a quell'elemento pulsante in HTML da cui abbiamo ricevuto il clic, utilizziamo la parola chiave "questa".
Ad esempio, supponiamo che abbiamo un pulsante. Vogliamo renderlo svanire una volta che facciamo clic su di esso. Lo raggiungeremo con il seguente codice:

Html:

Cliccami per vedere la magia

JavaScript:

const btn = documento.QuerySelector (".Vanish-btn ");
btn.addEventListener ('click', function ()
Questo.stile.display = "Nessuno";
)

In questo codice, in HTML abbiamo creato per la prima volta un pulsante con il nome di classe di "Vanish-Btn". Successivamente, abbiamo messo il tag di script in cui abbiamo fatto riferimento al nome del file di JavaScript. Nel file JavaScript, otteniamo per la prima volta il riferimento del pulsante in "BTN" con l'aiuto del nome della classe. Successivamente, abbiamo messo un ascoltatore di eventi con il clic di un pulsante. In questo ogni volta che verrà cliccata il pulsante, la funzione di callback verrà eseguita dove abbiamo effettuato la visualizzazione del pulsante nessuno.

Prima di fare clic sul pulsante, il browser sembrerà così:

Quando facciamo clic su Cliccami per vedere la magia pulsante che svanirà.

Legame del metodo oggetto

Daremo prima alcuni esempi e poi ne discuteremo per cogliere il concetto. Tuttavia, tieni presente che la parola chiave "questo" è l'oggetto giocatore definito nell'esempio seguente o nell'oggetto genitore a cui fa riferimento.

const player =
Nome: "Hazard",
Club: "Chelsea",
Shirtno: 10,
myfunc: function ()
Restituisci questo.nome;

;
Avviso (giocatore.myfunc () + "gioca per" + giocatore.club);

In questo esempio abbiamo avviato un oggetto con il nome di "giocatore". Abbiamo specificato le sue proprietà come nome, club e numero di camicia. Dopodiché, abbiamo fatto una funzione. Alla fine, avvisiamo la funzione dell'oggetto del giocatore e il club per cui gioca. Questo è usato myfunc () funzione. In questo, fa riferimento al nome del giocatore con le parole chiave "questo. nome". Il risultato all'interno di un avviso sembrerà così:

Parola chiave "questo" in una funzione freccia

Le funzioni della freccia sono state introdotte per la prima.
Per esempio:

funzione myfunc ()
Restituisci "Champions of Europe"

myFunc ();

Questo può essere scritto come:

const myfunc = () =>
restituire "Champions of Europe";

La parola chiave "questo" è gestita in modo diverso in una funzione freccia rispetto alla funzione predefinita. Per essere precisi, le funzioni della freccia non hanno alcun legame con la parola chiave "questa". Inoltre, la parola chiave "questa" si riferisce alla variabile o all'oggetto che ha definito la funzione freccia.
Per esempio:

const player = () => (
Nome: "Hazard",
Club: "Chelsea",
Shirtno: 10,
myfunc: function ()
Restituisci questo.nome;

);
Avviso (giocatore ().myfunc ());

La parola chiave "questo" qui ha fatto riferimento al giocatore come la funzione freccia definita dal giocatore.

Conclusione

In questo articolo, abbiamo discusso di cosa sia la parola chiave "questa" e come viene utilizzata. Abbiamo anche discusso di dove e come possiamo usare la parola chiave "questa". Tutto questo con l'aiuto di esempi. "Questa" parola chiave è un concetto importante di JavaScript e principalmente principianti lottano con questo. Speriamo che questo post abbia chiarito qualsiasi ambiguità che potresti aver avuto.