Viens no sarežģītākajiem un biežāk izmantotajiem jēdzieniem JavaScript ir ' šis ” atslēgvārds. JavaScript izmanto ' šis ” atslēgvārds atšķiras no citām valodām. Tomēr tas ir svarīgi, lai izveidotu uzlabotāku JavaScript kodu. Jums kā iesācējam varētu būt kaut kā grūti saprast minētā atslēgvārda lietojumu, taču neuztraucieties!
Šis ieraksts izskaidros ' šis ” atslēgvārds un tā lietojums JavaScript.
Kas ir “tas” JavaScript?
' šis ” ir JavaScript atslēgvārds, kas attiecas uz objektu, kas izpilda esošo koda bloku. Tas apzīmē objektu, kas izsauc pašreizējo funkciju. To izmanto dažādos scenārijos dažādos veidos, piemēram:
-
- Metodē
- Pasākumu vadīšanā
- Funkcijās
Apskatīsim katru no minētajiem lietojumiem pa vienam!
Kā lietot “šo” JavaScript metodēs?
' šis ” tiek izmantots JavaScript metodēs kā netiešs saistījums. Ja funkcija tiek izsaukta ar objekta un punkta palīdzību, tā tiek uzskatīta par netiešu saistīšanu un “ šis ” norāda uz objektu funkcijas izsaukuma laikā.
Piemērs
Pirmkārt, mēs izveidosim objektu ar dažām īpašībām un metodi un pēc tam izmantosim ' šis ” atslēgvārds, lai iegūtu objekta īpašību vērtības:
var personInfo = {
nosaukums: 'Džons' ,
vecums: divdesmit ,
info: funkciju ( ) {
console.log ( 'Čau! es esmu' + šis.nosaukums + ' un es esmu ' + šis.vecums + ' gadus vecs' ) ;
}
}
Pēc tam zvaniet uz ' info() ” metode kopā ar objekta nosaukumu:
Var redzēt, ka pašreizējā objekta norādītās rekvizītu vērtības tiek veiksmīgi parādītas:
Ja vēlaties izmantot ' šis ” notikumu apstrādē izpildiet tālāk norādīto sadaļu.
Kā lietot “šo” JavaScript notikumu apstrādē?
Šajā piemērā pārbaudiet, kā tiek izmantots ' šis ” atslēgvārds notikumu apstrādē. Lai to izdarītu, apsveriet piemēru, kurā mēs paslēpsim savu pogu ar vienu klikšķi. Lai to izdarītu, izveidojiet pogu un pievienojiet ' onclick () ” notikumu ar to, lai piekļūtu rekvizītam style.display ar “ šis ” atslēgvārds, kas paslēps pogu, noklikšķinot:
< h3 > Noklikšķiniet, lai paslēptu pogu h3 >< pogu onclick = 'this.style.display='none'' > Noklikšķiniet šeit ! pogu >
Izvade
Ja esat neizpratnē par ' šis ” atslēgvārdu lietotāja definētajās funkcijās JavaScript, izpildiet norādīto sadaļu.
Kā lietot “šo” JavaScript funkcijās?
Lietojot “ šis ” funkcijās JavaScript ir trīs saišu veidi, tostarp:
-
- Noklusējuma iesiešana
- Netieša iesiešana
- Skaidra iesiešana
Sapratīsim tos individuāli!
1. piemērs: šī atslēgvārda izmantošana noklusējuma saistīšanā
Noklusējuma saistījumā “ šis ” atslēgvārds darbojas kā globāls objekts. To galvenokārt izmanto savrupās funkcijās.
Izpratīsim norādīto jēdzienu ar piemēru.
Pirmkārt, mēs izveidosim mainīgo ' x ' un piešķiriet tai vērtību ' piecpadsmit ”:
var x = piecpadsmit ;
Pēc tam definējiet funkciju ar nosaukumu ' functionDB() ' un tā funkcijas definīciju, izveidojiet mainīgo ar tādu pašu nosaukumu ' x un piešķiriet tai vērtību 5 ”, pēc tam izdrukājiet tā vērtību, izmantojot ' console.log() ' metode ar ' šis ” atslēgvārds:
var x = 5 ;
console.log ( šis.x ) ;
}
Visbeidzot, zvaniet uz ' functionDB() ” funkcija:
Sakarā ar ' šis ' atslēgvārds, izvade parāda vērtību ' x 'kā' piecpadsmit jo tas darbojas kā globāls objekts un process tiek saukts Dinamiskā iesiešana ”:
2. piemērs: šī atslēgvārda izmantošana netiešajā saistīšanā
Ja funkciju izsauc objekts vai punkta simbols, “ šis ” atslēgvārds darbojas kā netiešs saistījums. Tas norāda uz objektu funkcijas izsaukuma laikā.
Šajā piemērā mēs definēsim funkciju ' info() ” un izmantojiet „ šis ” atslēgvārds funkcijas definīcijā:
funkciju info ( ) {console.log ( 'Čau! es esmu' + šis.nosaukums + ' un es esmu ' + šis.vecums + ' gadus vecs' )
}
Pēc tam izveidojiet objektu ar nosaukumu ' PersonInfo ” ar noteiktām īpašībām:
nosaukums: 'Džons' ,
vecums: divdesmit ,
info: info
}
Tagad izsauciet funkciju gar objektu:
Izvade
3. piemērs: šī atslēgvārda izmantošana skaidrā saistīšanā
Skaidru iesiešanu sauc arī par ' cieta iesiešana ”, jo funkcija tiek piespiedu kārtā izsaukta, lai izmantotu konkrētu objektu “ šis ” saistošs, neliekot objektam rekvizītu funkcijas atsauci. Šim nolūkam var izmantot call(), apply() un bind() metodes.
Tagad mēs izmantosim to pašu funkciju ar nosaukumu ' info() ” definēts iepriekšējā piemērā. Pēc tam izveidojiet objektu ar nosaukumu ' PersonInfo ” ar šādām vērtībām:
var personInfo = {nosaukums: 'Džons' ,
vecums: divdesmit
}
Lai izsauktu funkciju ar nosaukumu ' info() ”, mēs izmantosim “ zvanīt () ” metodi un nodod izveidotajam objektam to kā argumentu:
Tā kā informācija() nav objekta daļa, mēs joprojām esam tai skaidri piekļuvuši:
Lai izsauktu funkciju tieši, varat izmantot arī metodes apply() un bind(). Metode apply () ir identiska metodei call (), savukārt metode bind () izveido jaunu funkciju ar tādu pašu pamattekstu un darbības jomu, kas darbojas tāpat kā sākotnējā funkcija. Metodi bind() var izmantot, lai atgrieztu funkciju, kuru varat izmantot vēlāk.
Lai izsauktu info() ar metodi apply(), izmantojiet šādu paziņojumu:
info.piesakies ( PersonInfo ) ;
Tas dod tādu pašu izvadi kā call() metode:
Par zvanu ' info() ' Ar ' saistīt() ” metodi, izmantojiet doto paziņojumu:
Izvade
Mēs esam apkopojuši visu būtisko informāciju, kas saistīta ar “ šis ” atslēgvārds.
Secinājums
' šis ” ir JavaScript atslēgvārds, kas attiecas uz objektu, kas izpilda esošo koda bloku. Tas apzīmē objektu, kas izsauc pašreizējo funkciju. Tas tiek izmantots vairākos scenārijos dažādos veidos, tostarp metodēs, notikumu apstrādē un funkcijās. Šajā ziņā mēs esam izskaidrojuši ' šis ” atslēgvārds JavaScript.