Eden najzahtevnejših in pogosto uporabljenih konceptov v JavaScriptu je » to ” ključna beseda. JavaScript uporablja ' to ” drugače kot v drugih jezikih. Vendar je bistvenega pomena za ustvarjanje naprednejše kode JavaScript. Kot začetnik vam bo morda nekako težko razumeti uporabo omenjene ključne besede, a brez skrbi!
Ta objava bo razložila ' to ” ključna beseda in njena uporaba v JavaScriptu.
Kaj je »to« v JavaScriptu?
“ to ” je ključna beseda v JavaScriptu, ki se nanaša na objekt, ki izvaja obstoječi blok kode. Predstavlja objekt, ki kliče trenutno funkcijo. Uporablja se v več scenarijih na različne načine, kot so:
-
- V metodi
- Pri obravnavi dogodkov
- V funkcijah
Preverimo vsako od omenjenih uporab eno za drugo!
Kako uporabiti »to« v metodah JavaScript?
“ to ” se uporablja v metodah JavaScript kot implicitna vezava. Ko se funkcija pokliče s pomočjo predmeta in pike, se to šteje za implicitno vezavo in ' to ” pokaže na objekt med klicem funkcije.
Primer
Najprej bomo ustvarili objekt z nekaj lastnostmi in metodo ter nato uporabili ' to ” za pridobitev vrednosti lastnosti predmeta:
var personInfo = {
ime: 'Janez' ,
starost: dvajset ,
informacije: funkcijo ( ) {
console.log ( 'Haj! Jaz sem' + to.ime + 'in jaz sem' + ta.starost + 'star' ) ;
}
}
Nato pokličite » info() ” skupaj z imenom predmeta:
Vidimo lahko, da so navedene vrednosti lastnosti trenutnega objekta uspešno prikazane:
Če želite uporabiti ' to ” pri obravnavanju dogodkov sledite spodnjemu razdelku.
Kako uporabiti »to« pri obravnavanju dogodkov JavaScript?
V tem primeru preverite uporabo » to ” ključna beseda pri obravnavanju dogodkov. Za to razmislite o primeru, v katerem bomo naš gumb skrili z enim klikom. Če želite to narediti, ustvarite gumb in priložite » onclick() ' z njim za dostop do lastnosti style.display z ' to ” ključna beseda, ki bo ob kliku skrila gumb:
< h3 > Kliknite, da skrijete gumb h3 >< gumb onclick = 'this.style.display='none'' > Klikni tukaj ! gumb >
Izhod
Če ste zmedeni glede uporabe » to ” v uporabniško definiranih funkcijah v JavaScriptu sledite podanemu razdelku.
Kako uporabiti »to« v funkcijah JavaScript?
Med uporabo ' to ” v funkcijah obstajajo tri vrste povezav v JavaScriptu, vključno z:
-
- Privzeta vezava
- Implicitna vezava
- Eksplicitna vezava
Razumejmo jih posamično!
1. primer: uporaba te ključne besede v privzeti vezavi
Pri privzeti vezavi je » to ” ključna beseda deluje kot globalni objekt. Večinoma se uporablja v samostojnih funkcijah.
Razumejmo navedeni koncept s primerom.
Najprej bomo ustvarili spremenljivko ' x « in mu dodelite vrednost » petnajst ”:
var x = petnajst ;
Nato definirajte funkcijo z imenom ' funkcijaDB() « in njeno definicijo funkcije ustvarite spremenljivko z istim imenom » x ' in mu dodelite vrednost ' 5 «, nato natisnite njegovo vrednost z uporabo » console.log() ' metoda z ' to ” ključna beseda:
var x = 5 ;
console.log ( to.x ) ;
}
Na koncu pokličite » funkcijaDB() ” funkcija:
Zaradi uporabe ' to ', izhod prikaže vrednost ' x 'kot' petnajst «, ker deluje kot globalni objekt in se proces imenuje » Dinamična vezava ”:
2. primer: uporaba te ključne besede v implicitni vezavi
Ko funkcijo pokliče predmet ali simbol pike, ' to ” ključna beseda deluje kot implicitna vezava. Med klicem funkcije pokaže na objekt.
V tem primeru bomo definirali funkcijo ' info() « in uporabite » to ” v definiciji funkcije:
funkcijo info ( ) {console.log ( 'Haj! Jaz sem' + to.ime + 'in jaz sem' + ta.starost + 'star' )
}
Nato ustvarite predmet z imenom ' personInfo ” z definiranimi lastnostmi:
ime: 'Janez' ,
starost: dvajset ,
info: info
}
Zdaj pokličite funkcijo vzdolž objekta:
Izhod
3. primer: uporaba te ključne besede v eksplicitni vezavi
Eksplicitna vezava se imenuje tudi ' trda vezava «, ker je funkcija prisilno poklicana, da uporabi določen objekt za » to ” zavezujoče, ne da bi objektu postavili sklic funkcije lastnosti. V ta namen lahko uporabite metode call(), apply() in bind().
Zdaj bomo uporabili isto funkcijo z imenom ' info() ”, definiran v prejšnjem primeru. Nato ustvarite predmet z imenom ' personInfo ” z naslednjimi vrednostmi:
var personInfo = {ime: 'Janez' ,
starost: dvajset
}
Za priklic funkcije z imenom “ info() «, uporabili bomo » klic() ” in ji posredujte ustvarjeni predmet kot argument:
Ker info() ni del objekta, smo še vedno izrecno dostopali do njega:
Za eksplicitni klic funkcije lahko uporabite tudi metodi apply() in bind(). Metoda apply() je enaka metodi call(), medtem ko metoda bind() ustvari novo funkcijo z enakim telesom in obsegom, ki se obnaša na enak način kot izvirna funkcija. Metodo bind() lahko uporabite za vrnitev funkcije, ki jo lahko uporabite pozneje.
Za klic info() z metodo apply() uporabite naslednji stavek:
info.prijava ( personInfo ) ;
Daje enak rezultat kot metoda call():
Za klic ' info() ' z ' vezati() ” uporabite podani stavek:
Izhod
Zbrali smo vse bistvene informacije v zvezi z ' to ” ključna beseda.
Zaključek
“ to ” je ključna beseda v JavaScriptu, ki se nanaša na objekt, ki izvaja obstoječi blok kode. Predstavlja objekt, ki kliče trenutno funkcijo. Uporablja se v več scenarijih na različne načine, vključno z metodami, obravnavanjem dogodkov in funkcijami. V tej objavi smo razložili » to ” v JavaScriptu.