Jedan od najizazovnijih i najčešće korištenih koncepata u JavaScriptu je ' ovaj ” ključna riječ. JavaScript koristi ' ovaj ” drugačije od ostalih jezika. Međutim, neophodan je za stvaranje naprednijeg JavaScript koda. Kao početniku, moglo bi vam biti nekako teško razumjeti upotrebu spomenute ključne riječi, ali bez brige!
Ovaj post će objasniti ' ovaj ” ključna riječ i njezina upotreba u JavaScriptu.
Što je 'ovo' u JavaScriptu?
“ ovaj ” je ključna riječ u JavaScriptu koja se odnosi na objekt koji izvršava postojeći blok koda. Predstavlja objekt koji poziva trenutnu funkciju. Koristi se u više scenarija na različite načine, kao što su:
-
- U metodi
- U obradi događaja
- U funkcijama
Provjerimo svaku od navedenih upotreba jednu po jednu!
Kako koristiti 'ovo' u JavaScript metodama?
“ ovaj ” koristi se u JavaScript metodama kao implicitno vezanje. Kada se funkcija poziva uz pomoć objekta i točke, to se smatra implicitnim vezanjem, a “ ovaj ” ističe objekt tijekom poziva funkcije.
Primjer
Prvo ćemo stvoriti objekt s nekim svojstvima i metodom, a zatim upotrijebiti ' ovaj ” za dobivanje vrijednosti svojstava objekta:
var personInfo = {
Ime: 'Ivan' ,
dob : dvadeset ,
info: funkcija ( ) {
konzola.log ( 'Haj! Ja sam' + ovo.ime + ' i ja sam ' + ovo.dob + 'godina' ) ;
}
}
Zatim pozovite ' info() ” zajedno s nazivom objekta:
Može se vidjeti da su navedene vrijednosti svojstava trenutnog objekta uspješno prikazane:
Ako želite koristiti ' ovaj ” u obradi događaja slijedite odjeljak u nastavku.
Kako koristiti 'this' u JavaScript rukovanju događajima?
U ovom primjeru provjerite korištenje ' ovaj ” ključna riječ u rukovanju događajima. Za to razmotrite primjer u kojem ćemo sakriti naš gumb jednim klikom. Da biste to učinili, izradite gumb i priložite ' na klik() ' za pristup svojstvu style.display s ' ovaj ” ključna riječ koja će sakriti gumb kada se klikne:
< h3 > Kliknite da biste sakrili gumb h3 >< dugme na klik = 'this.style.display='none'' > Kliknite ovdje ! dugme >
Izlaz
Ako ste zbunjeni oko upotrebe ' ovaj ” u korisnički definiranim funkcijama u JavaScriptu, slijedite navedeni odjeljak.
Kako koristiti 'ovo' u JavaScript funkcijama?
Dok koristite ' ovaj ” u funkcijama postoje tri vrste vezanja u JavaScriptu, uključujući:
-
- Zadano vezanje
- Implicitno vezivanje
- Izričito vezivanje
Razumimo ih pojedinačno!
Primjer 1: Upotreba ove ključne riječi u zadanom povezivanju
U zadanom povezivanju, ' ovaj ” ključna riječ djeluje kao globalni objekt. Uglavnom se koristi u samostalnim funkcijama.
Razumimo navedeni koncept na primjeru.
Prvo ćemo stvoriti varijablu ' x ' i dodijelite mu vrijednost ' petnaest ”:
var x = petnaest ;
Zatim definirajte funkciju pod nazivom ' funkcijaDB() ' i njegovu definiciju funkcije, stvorite varijablu s istim imenom ' x ' i dodijelite mu vrijednost ' 5 ', zatim ispišite njegovu vrijednost koristeći ' konzola.log() ' metoda s ' ovaj ” ključna riječ:
var x = 5 ;
konzola.log ( ovo.x ) ;
}
Na kraju, nazovite ' funkcijaDB() ” funkcija:
Zbog upotrebe ' ovaj ' ključna riječ, izlaz prikazuje vrijednost ' x ” kao “ petnaest ” jer djeluje kao globalni objekt, a proces se zove “ Dinamičko uvezivanje ”:
Primjer 2: Upotreba ove ključne riječi u implicitnom povezivanju
Kada je funkcija pozvana objektom ili simbolom točke, ' ovaj ” ključna riječ djeluje kao implicitno vezivanje. Ističe objekt tijekom poziva funkcije.
U ovom primjeru ćemo definirati funkciju ' info() ' i koristite ' ovaj ” ključna riječ u definiciji funkcije:
funkcija info ( ) {konzola.log ( 'Haj! Ja sam' + ovo.ime + ' i ja sam ' + ovo.dob + 'godina' )
}
Zatim stvorite objekt pod nazivom ' personInfo ” s definiranim svojstvima:
Ime: 'Ivan' ,
dob : dvadeset ,
info: info
}
Sada pozovite funkciju duž objekta:
Izlaz
Primjer 3: Upotreba ove ključne riječi u eksplicitnom povezivanju
Eksplicitno vezanje također se naziva ' tvrdi uvez ' jer je funkcija prisilno pozvana da iskoristi određeni objekt za ' ovaj ” vezanje, bez stavljanja reference funkcije svojstva na objekt. U tu svrhu mogu se koristiti metode call(), apply() i bind().
Sada ćemo koristiti istu funkciju pod nazivom ' info() ” definirano u prethodnom primjeru. Zatim stvorite objekt pod nazivom ' personInfo ” sa sljedećim vrijednostima:
var personInfo = {Ime: 'Ivan' ,
dob : dvadeset
}
Za pozivanje funkcije pod nazivom ' info() ', koristit ćemo ' poziv() ” i proslijedite joj kreirani objekt kao argument:
Kako info() nije dio objekta, ipak smo mu eksplicitno pristupili:
Za izričito pozivanje funkcije također možete koristiti metode apply() i bind(). Metoda apply() identična je metodi call(), dok metoda bind() stvara novu funkciju s istim tijelom i opsegom koja se ponaša na isti način kao izvorna funkcija. Metoda bind() može se koristiti za vraćanje funkcije koju kasnije možete koristiti.
Za pozivanje info() metodom apply() koristite sljedeću izjavu:
info.primijeniti ( personInfo ) ;
Daje isti izlaz kao i metoda call():
Za pozivanje ' info() ' s ' vezati() ” upotrijebite danu izjavu:
Izlaz
Prikupili smo sve bitne informacije vezane uz ' ovaj ” ključna riječ.
Zaključak
“ ovaj ” je ključna riječ u JavaScriptu koja se odnosi na objekt koji izvršava postojeći blok koda. Predstavlja objekt koji poziva trenutnu funkciju. Koristi se u više scenarija na različite načine, uključujući metode, rukovanje događajima i funkcije. U ovom smo postu objasnili ' ovaj ” ključna riječ u JavaScriptu.