Viena iš sudėtingiausių ir dažniausiai naudojamų „JavaScript“ sąvokų yra „ tai “ raktažodis. „JavaScript“ naudoja „ tai “ raktinis žodis skiriasi nuo kitų kalbų. Tačiau tai būtina norint sukurti sudėtingesnį „JavaScript“ kodą. Jums, kaip pradedančiajam, gali būti sunku suprasti minėto raktinio žodžio vartojimą, bet nesijaudinkite!
Šis įrašas paaiškins „ tai “ raktinį žodį ir jo naudojimą „JavaScript“.
Kas yra „tai“ „JavaScript“?
“ tai “ yra „JavaScript“ raktinis žodis, nurodantis objektą, kuris vykdo esamą kodo bloką. Tai reiškia objektą, kuris iškviečia dabartinę funkciją. Jis naudojamas įvairiais scenarijais skirtingais būdais, pavyzdžiui:
-
- Pagal metodą
- Renginių tvarkyme
- Funkcijose
Panagrinėkime kiekvieną iš paminėtų naudojimo būdų po vieną!
Kaip naudoti „tai“ „JavaScript“ metoduose?
“ tai “ yra naudojamas „JavaScript“ metoduose kaip numanomas susiejimas. Kai funkcija iškviečiama naudojant objektą ir tašką, ji laikoma netiesioginiu susiejimu ir „ tai “, funkcijos iškvietimo metu nurodo objektą.
Pavyzdys
Pirmiausia sukursime objektą su tam tikromis savybėmis ir metodu, tada naudosime „ tai “, norėdami gauti objekto savybių reikšmes:
var personInfo = {
vardas: 'Jonas' ,
amžius: dvidešimt ,
informacija: funkcija ( ) {
console.log ( 'Labas, aš esu' + šis.vardas + ' ir aš esu ' + tai.amžius + ' metų' ) ;
}
}
Tada skambinkite „ info () “ metodas kartu su objekto pavadinimu:
Matyti, kad nurodytos esamo objekto savybių reikšmės yra sėkmingai rodomos:
Jei norite naudoti „ tai “, tvarkydami įvykius, vadovaukitės toliau pateikta dalimi.
Kaip naudoti „tai“ „JavaScript“ įvykių tvarkyme?
Šiame pavyzdyje patikrinkite, kaip naudoti ' tai “ raktinis žodis renginių tvarkyme. Norėdami tai padaryti, apsvarstykite pavyzdį, kuriame paslėpsime savo mygtuką vienu paspaudimu. Norėdami tai padaryti, sukurkite mygtuką ir pridėkite „ paspaudus() įvykį su juo, kad pasiektumėte ypatybę style.display su „ tai “ raktinis žodis, kuris paslėps mygtuką spustelėjus:
< h3 > Spustelėkite norėdami paslėpti mygtuką h3 >< mygtuką paspaudus = 'this.style.display='nėra'' > Paspauskite čia ! mygtuką >
Išvestis
Jei esate sumišęs dėl „ tai “ raktinį žodį vartotojo apibrėžtose „JavaScript“ funkcijose, sekite pateiktą skyrių.
Kaip naudoti „tai“ „JavaScript“ funkcijose?
Naudodami „ tai “ funkcijose yra trijų tipų „JavaScript“ susiejimas, įskaitant:
-
- Numatytasis įrišimas
- Netiesioginis įrišimas
- Aiškus įrišimas
Supraskime juos individualiai!
1 pavyzdys: šio raktinio žodžio naudojimas numatytajame įrišime
Pagal numatytąjį įrišimą „ tai “ raktinis žodis veikia kaip globalus objektas. Jis dažniausiai naudojamas atskiroms funkcijoms.
Supraskime pateiktą sąvoką pavyzdžiu.
Pirmiausia sukursime kintamąjį ' x “ ir priskirkite jam reikšmę „ penkiolika “:
var x = penkiolika ;
Tada apibrėžkite funkciją pavadinimu ' functionDB() ' ir jo funkcijos apibrėžimas, sukurkite kintamąjį tuo pačiu pavadinimu ' x “ ir priskirkite jam reikšmę “ 5 “, tada išspausdinkite jo vertę naudodami „ console.log() “ metodas su “ tai “ raktinis žodis:
var x = 5 ;
console.log ( tai.x ) ;
}
Galiausiai paskambinkite „ functionDB() ' funkcija:
Dėl „ tai “ raktinis žodis, išvestis rodo „“ reikšmę x “ kaip „ penkiolika “, nes jis veikia kaip globalus objektas ir procesas vadinamas „ Dinaminis įrišimas “:
2 pavyzdys: šio raktinio žodžio naudojimas implicit Binding
Kai funkciją iškviečia objektas arba taško simbolis, „ tai “ raktinis žodis veikia kaip numanomas įrišimas. Jis nurodo objektą funkcijos iškvietimo metu.
Šiame pavyzdyje apibrėžsime funkciją ' info () “ ir naudokite „ tai “ raktinis žodis funkcijos apibrėžime:
funkcija informacija ( ) {console.log ( 'Labas, aš esu' + šis.vardas + ' ir aš esu ' + tai.amžius + ' metų' )
}
Tada sukurkite objektą pavadinimu ' asmenine informacija “ su apibrėžtomis savybėmis:
vardas: 'Jonas' ,
amžius: dvidešimt ,
info: info
}
Dabar iškvieskite funkciją palei objektą:
Išvestis
3 pavyzdys: šio raktinio žodžio naudojimas aiškiame įrišime
Aiškus įrišimas taip pat vadinamas ' kietas įrišimas “, nes funkcija priverstinai iškviečiama panaudoti tam tikrą objektą „ tai ” įrišimas, nepateikdamas objekto nuosavybės funkcijos nuorodos. Šiuo tikslu galima naudoti call(), apply() ir bind() metodus.
Dabar naudosime tą pačią funkciją pavadinimu ' informacija () “, kaip apibrėžta ankstesniame pavyzdyje. Tada sukurkite objektą pavadinimu ' asmenine informacija “ su šiomis reikšmėmis:
var personInfo = {vardas: 'Jonas' ,
amžius: dvidešimt
}
Norėdami iškviesti funkciją pavadinimu ' info () “, mes naudosime „ skambinti () “ metodą ir perduokite sukurtą objektą kaip argumentą:
Kadangi informacija () nėra objekto dalis, mes vis tiek aiškiai ją pasiekėme:
Norėdami aiškiai iškviesti funkciją, taip pat galite naudoti taikomus() ir bind() metodus. Metodas apply() yra identiškas call() metodui, o bind() metodas sukuria naują funkciją su tuo pačiu turiniu ir apimtimi, kuri veikia taip pat, kaip ir pradinė funkcija. bind() metodas gali būti naudojamas norint grąžinti funkciją, kurią galėsite naudoti vėliau.
Norėdami iškviesti info() naudojant taikomąjį() metodą, naudokite šį teiginį:
info.taikyti ( asmenine informacija ) ;
Tai suteikia tą pačią išvestį, kaip ir metodas call():
Už skambutį ' info () ' su ' įpareigoti() “ metodą, naudokite pateiktą teiginį:
Išvestis
Surinkome visą esminę informaciją, susijusią su „ tai “ raktažodis.
Išvada
“ tai “ yra „JavaScript“ raktinis žodis, nurodantis objektą, kuris vykdo esamą kodo bloką. Tai reiškia objektą, kuris iškviečia dabartinę funkciją. Jis naudojamas įvairiuose scenarijuose įvairiais būdais, įskaitant metodus, įvykių tvarkymą ir funkcijas. Šiame įraše paaiškinome „ tai “ raktinis žodis „JavaScript“.