Unul dintre cele mai provocatoare și utilizate concepte în JavaScript este „ acest ” cuvânt cheie. JavaScript folosește „ acest ” cuvânt cheie diferit de alte limbi. Cu toate acestea, este esențial pentru crearea unui cod JavaScript mai avansat. Ca începător, ți-ar putea fi cumva dificil să înțelegi utilizarea cuvântului cheie menționat, dar nu-ți face griji!
Această postare va explica „ acest ” cuvânt cheie și utilizarea acestuia în JavaScript.
Ce este „aceasta” în JavaScript?
„ acest ” este cuvântul cheie din JavaScript care se referă la un obiect care execută blocul de cod existent. Reprezintă un obiect care invocă funcția curentă. Este utilizat în mai multe scenarii în moduri diferite, cum ar fi:
-
- In metoda
- În gestionarea evenimentelor
- În funcții
Să verificăm fiecare dintre utilizările menționate una câte una!
Cum se utilizează „acest lucru” în metodele JavaScript?
„ acest ” este folosit în metodele JavaScript ca o legare implicită. Când funcția este apelată cu ajutorul unui obiect și a unui punct, este considerată obligatorie implicită și „ acest ” subliniază obiectul în timpul apelului de funcție.
Exemplu
Mai întâi, vom crea un obiect cu unele proprietăți și o metodă și apoi vom folosi „ acest ” cuvânt cheie pentru a obține valorile proprietăților obiectului:
var personInfo = {
Nume: 'Ioan' ,
varsta: douăzeci ,
info: funcţie ( ) {
console.log ( 'Hei! Eu sunt' + acest.nume + ' si eu sunt ' + aceasta.varsta + ' varsta' ) ;
}
}
Apoi, apelați „ info() ” metoda împreună cu numele obiectului:
Se poate observa că valorile proprietăților specificate ale obiectului curent sunt afișate cu succes:
Dacă doriți să utilizați „ acest ” în gestionarea evenimentelor, urmați secțiunea de mai jos.
Cum se utilizează „acest lucru” în gestionarea evenimentelor JavaScript?
În acest exemplu, verificați utilizarea „ acest ” cuvânt cheie în gestionarea evenimentelor. Pentru aceasta, luați în considerare un exemplu în care ne vom ascunde butonul cu un singur clic. Pentru a face acest lucru, creați un buton și atașați un „ onclick() ” eveniment cu acesta pentru a accesa proprietatea style.display cu „ acest ” cuvânt cheie care va ascunde butonul la clic:
< h3 > Faceți clic pentru a ascunde butonul h3 >< buton onclick = 'this.style.display='none'' > Click aici ! buton >
Ieșire
Dacă sunteți confuz cu privire la utilizarea „ acest ” cuvinte cheie în funcțiile definite de utilizator în JavaScript, urmați secțiunea dată.
Cum se utilizează „acest lucru” în funcțiile JavaScript?
În timp ce utilizați „ acest ” în funcții, există trei tipuri de legături în JavaScript, inclusiv:
-
- Legare implicită
- Legarea implicită
- Legarea explicită
Să le înțelegem individual!
Exemplul 1: Utilizarea acestui cuvânt cheie în Legarea implicită
În legarea implicită, „ acest ” cuvântul cheie acționează ca un obiect global. Este folosit mai ales în funcții de sine stătătoare.
Să înțelegem conceptul declarat cu un exemplu.
În primul rând, vom crea o variabilă „ X ” și atribuiți-i valoarea „ cincisprezece ”:
var x = cincisprezece ;
Apoi, definiți o funcție numită „ functionDB() ” și definiția funcției sale, creați o variabilă cu același nume ” X ” și atribuiți-i o valoare „ 5 ”, apoi, tipăriți valoarea utilizând „ console.log() „metoda cu „ acest ” cuvânt cheie:
var x = 5 ;
console.log ( aceasta.x ) ;
}
În cele din urmă, sunați la „ functionDB() ”funcție:
Datorită utilizării „ acest „, rezultatul afișează valoarea „ X ' la fel de ' cincisprezece ” deoarece acționează ca un obiect global și procesul se numește ” Legare dinamică ”:
Exemplul 2: Utilizarea acestui cuvânt cheie în Legarea implicită
Când funcția este apelată de un obiect sau de un simbol punct, „ acest ” cuvântul cheie acționează ca o legare implicită. Acesta indică obiectul în timpul apelului de funcție.
În acest exemplu, vom defini o funcție „ info() ” și folosiți „ acest ” cuvânt cheie în definiția funcției:
funcţie info ( ) {console.log ( 'Hei! Eu sunt' + acest.nume + ' si eu sunt ' + aceasta.varsta + ' varsta' )
}
Apoi, creați un obiect numit „ Informații despre persoană ” cu proprietăți definite:
Nume: 'Ioan' ,
varsta: douăzeci ,
info: info
}
Acum, apelați funcția de-a lungul obiectului:
Ieșire
Exemplul 3: Utilizarea acestui cuvânt cheie în Legarea explicită
Legarea explicită se mai numește și „ legare tare ” deoarece funcția este apelată cu forță pentru a utiliza un anumit obiect pentru ” acest ” legare, fără a pune o referință de funcție de proprietate pe obiect. În acest scop, pot fi utilizate metodele call(), apply() și bind().
Vom folosi acum aceeași funcție numită „ info() ” definit în exemplul anterior. Apoi, creați un obiect numit „ Informații despre persoană ” cu următoarele valori:
var personInfo = {Nume: 'Ioan' ,
varsta: douăzeci
}
Pentru invocarea funcției numite „ info() ”, vom folosi „ apel() ” și transmiteți-i obiectul creat ca argument:
Deoarece info() nu face parte din obiect, l-am accesat în mod explicit:
Pentru a apela o funcție în mod explicit, puteți utiliza și metodele apply() și bind(). Metoda apply() este identică cu metoda call(), în timp ce metoda bind() creează o nouă funcție cu același corp și domeniu care se comportă în același mod ca și funcția originală. Metoda bind() poate fi utilizată pentru a returna o funcție pe care o puteți utiliza mai târziu.
Pentru a apela info() cu metoda apply(), utilizați următoarea instrucțiune:
info.aplica ( Informații despre persoană ) ;
Oferă aceeași ieșire ca și metoda call():
Pentru a suna „ info() ' cu ' lega() ”, utilizați declarația dată:
Ieșire
Am adunat toate informațiile esențiale legate de „ acest ” cuvânt cheie.
Concluzie
„ acest ” este cuvântul cheie din JavaScript care se referă la un obiect care execută blocul de cod existent. Reprezintă obiectul care invocă funcția curentă. Este utilizat în mai multe scenarii în moduri diferite, inclusiv metode, gestionarea evenimentelor și funcții. În această postare, am explicat „ acest ” cuvânt cheie în JavaScript.