Ang isa sa mga pinaka-mapaghamong at madalas na ginagamit na mga konsepto sa JavaScript ay ang ' ito ” keyword. Ginagamit ng JavaScript ang ' ito ” keyword na naiiba sa ibang mga wika. Gayunpaman, ito ay mahalaga para sa paglikha ng mas advanced na JavaScript code. Bilang isang baguhan, maaaring mahirap para sa iyo na maunawaan ang paggamit ng nabanggit na keyword, ngunit huwag mag-alala!
Ipapaliwanag ng post na ito ang ' ito ” keyword at ang paggamit nito sa JavaScript.
Ano ang 'ito' sa JavaScript?
“ ito ” ay ang keyword sa JavaScript na tumutukoy sa isang bagay na nagpapatupad ng umiiral na bloke ng code. Kinakatawan nito ang isang bagay na gumagamit ng kasalukuyang function. Ginagamit ito sa maraming senaryo sa iba't ibang paraan, gaya ng:
-
- Sa pamamaraan
- Sa paghawak ng kaganapan
- Sa mga function
Suriin natin ang bawat isa sa mga nabanggit na gamit!
Paano Gamitin ang 'ito' sa Mga Paraan ng JavaScript?
“ ito ” ay ginagamit sa mga pamamaraan ng JavaScript bilang isang implicit na pagbubuklod. Kapag ang function ay tinawag sa tulong ng isang bagay at isang tuldok, ito ay itinuturing na implicit binding, at ' ito ” itinuro ang bagay sa panahon ng function call.
Halimbawa
Una, gagawa kami ng isang bagay na may ilang mga katangian at isang pamamaraan at pagkatapos ay gamitin ang ' ito ” keyword upang makuha ang mga halaga ng mga katangian ng bagay:
var personInfo = {
pangalan: 'John' ,
edad: dalawampu ,
impormasyon: function ( ) {
console.log ( 'Hoy! Ako nga' + ito.pangalan + 'at ako nga' + ito.edad + ' taong gulang' ) ;
}
}
Susunod, tawagan ang ' impormasyon() 'paraan kasama ang pangalan ng bagay:
Makikita na ang tinukoy na mga halaga ng ari-arian ng kasalukuyang bagay ay matagumpay na naipakita:
Kung gusto mong gamitin' ito ” sa pangangasiwa ng kaganapan, sundin ang seksyon sa ibaba.
Paano Gamitin ang 'ito' sa JavaScript Event Handling?
Sa halimbawang ito, tingnan ang paggamit ng “ ito ” keyword sa paghawak ng kaganapan. Para dito, isaalang-alang ang isang halimbawa kung saan itatago namin ang aming button sa isang pag-click. Upang gawin ito, lumikha ng isang pindutan at maglakip ng isang ' onclick() ” kaganapan kasama nito upang ma-access ang style.display property na may “ ito ” keyword na magtatago ng button kapag na-click:
< h3 > I-click upang Itago ang Button h3 >< pindutan onclick = 'this.style.display='none'' > Pindutin dito ! pindutan >
Output
Kung nalilito ka tungkol sa paggamit ng ' ito ” keyword sa mga function na tinukoy ng gumagamit sa JavaScript, sundin ang ibinigay na seksyon.
Paano Gamitin ang 'ito' sa Mga Pag-andar ng JavaScript?
Habang ginagamit ang ' ito ” sa mga function, mayroong tatlong uri ng mga binding sa JavaScript, kabilang ang:
-
- Default na pagbubuklod
- Implicit binding
- Tahasang pagbubuklod
Unawain natin sila nang paisa-isa!
Halimbawa 1: Paggamit ng keyword na ito sa Default Binding
Sa default na pagbubuklod, ang ' ito ” gumaganap ang keyword bilang isang pandaigdigang bagay. Ito ay kadalasang ginagamit sa mga standalone na function.
Unawain natin ang nakasaad na konsepto na may isang halimbawa.
Una, gagawa tayo ng variable ' x 'at italaga dito ang halaga' labinlima ”:
var x = labinlima ;
Pagkatapos, tukuyin ang isang function na pinangalanang ' functionDB() ' at ang kahulugan ng function nito, lumikha ng isang variable na may parehong pangalan ' x 'at italaga ito ng halaga' 5 ”, pagkatapos, i-print ang halaga nito gamit ang “ console.log() 'paraan na may ' ito ” keyword:
var x = 5 ;
console.log ( ito.x ) ;
}
Panghuli, tawagan ang ' functionDB() ” function:
Dahil sa paggamit ng ' ito ” keyword, ipinapakita ng output ang halaga ng “ x 'bilang' labinlima ' dahil ito ay gumaganap bilang isang pandaigdigang bagay at ang proseso ay tinatawag na ' Dynamic na Pagbubuklod ”:
Halimbawa 2: Paggamit ng keyword na ito sa Implicit Binding
Kapag ang function ay tinawag ng isang bagay o isang simbolo ng tuldok, ' ito ” ang keyword ay gumaganap bilang isang implicit na pagbubuklod. Itinuturo nito ang bagay sa panahon ng function na tawag.
Sa halimbawang ito, tutukuyin natin ang isang function na ' impormasyon() 'at gamitin ang' ito ” keyword sa kahulugan ng function:
function impormasyon ( ) {console.log ( 'Hoy! Ako nga' + ito.pangalan + 'at ako nga' + ito.edad + ' taong gulang' )
}
Pagkatapos, lumikha ng isang bagay na pinangalanang ' personInfo ” na may tinukoy na mga katangian:
pangalan: 'John' ,
edad: dalawampu ,
impormasyon: impormasyon
}
Ngayon, tawagan ang function kasama ang object:
Output
Halimbawa 3: Paggamit ng keyword na ito sa Explicit Binding
Ang tahasang pagbubuklod ay tinatawag ding ' mahirap magbigkis ” dahil pilit na tinatawag ang function upang magamit ang isang partikular na bagay para sa “ ito ” na nagbubuklod, nang hindi naglalagay ng sanggunian sa pag-andar ng ari-arian sa bagay. Para sa layuning ito, maaaring gamitin ang mga pamamaraan ng call(), apply() at bind().
Gagamitin namin ngayon ang parehong function na pinangalanang ' impormasyon() ” na tinukoy sa nakaraang halimbawa. Pagkatapos, lumikha ng isang bagay na pinangalanang ' personInfo ” na may mga sumusunod na halaga:
var personInfo = {pangalan: 'John' ,
edad: dalawampu
}
Para sa pagtawag sa function na pinangalanang ' impormasyon() ”, gagamitin natin ang “ tawag() ” na paraan at ipasa ang nilikhang bagay bilang isang argumento:
Dahil ang info() ay hindi bahagi ng object, tahasan pa rin namin itong na-access:
Para sa tahasang pagtawag sa isang function, maaari mo ring gamitin ang apply() at bind() na mga pamamaraan. Ang apply() method ay kapareho ng call() method, habang ang bind() method ay lumilikha ng bagong function na may parehong body at scope na kumikilos sa parehong paraan tulad ng orihinal na function. Ang paraan ng bind() ay maaaring gamitin upang ibalik ang isang function na magagamit mo sa ibang pagkakataon.
Para sa pagtawag sa info() gamit ang apply() na paraan, gamitin ang sumusunod na pahayag:
impormasyon.mag-apply ( personInfo ) ;
Nagbibigay ito ng parehong output tulad ng ibinibigay ng call() na pamamaraan:
Para sa pagtawag' impormasyon() ' kasama ang ' magbigkis() ”, gamitin ang ibinigay na pahayag:
Output
Inipon namin ang lahat ng mahahalagang impormasyon na may kaugnayan sa ' ito ” keyword.
Konklusyon
“ ito ” ay ang keyword sa JavaScript na tumutukoy sa isang bagay na nagpapatupad ng umiiral na bloke ng code. Kinakatawan nito ang bagay na gumagamit ng kasalukuyang function. Ginagamit ito sa maraming sitwasyon sa iba't ibang paraan, kabilang ang mga pamamaraan, pangangasiwa ng kaganapan, at mga function. Sa post na ito, ipinaliwanag namin ang ' ito ” keyword sa JavaScript.