JavaScript ovo | Objašnjeno

Javascript Ovo Objasnjeno



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:

personInfo.info ( ) ;


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 functionDB = funkcija ( ) {
var x = 5 ;
konzola.log ( ovo.x ) ;
}


Na kraju, nazovite ' funkcijaDB() ” funkcija:

funkcijaDB ( ) ;


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:

var personInfo = {
Ime: 'Ivan' ,
dob : dvadeset ,
info: info
}


Sada pozovite funkciju duž objekta:

personInfo.info ( ) ;


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:

info.poziv ( personInfo ) ;


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:

info.vezati ( personInfo ) ;


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.