Yksi haastavimmista ja usein käytetyistä JavaScriptin käsitteistä on ' Tämä ”avainsana. JavaScript käyttää ' Tämä ” avainsana eri tavalla kuin muut kielet. Se on kuitenkin välttämätöntä kehittyneemmän JavaScript-koodin luomiseksi. Aloittelijana sinun voi olla jotenkin vaikeaa ymmärtää mainitun avainsanan käyttöä, mutta ei hätää!
Tämä viesti selittää ' Tämä ”-avainsana ja sen käyttö JavaScriptissä.
Mikä on 'tämä' JavaScriptissä?
' Tämä ” on JavaScriptin avainsana, joka viittaa objektiin, joka suorittaa olemassa olevan koodilohkon. Se edustaa objektia, joka kutsuu nykyistä funktiota. Sitä käytetään useissa skenaarioissa eri tavoilla, kuten:
-
- Menetelmässä
- Tapahtuman käsittelyssä
- Toiminnoissa
Tarkastellaan jokaista mainituista käyttötavoista yksitellen!
Kuinka käyttää 'tätä' JavaScript-menetelmissä?
' Tämä ” käytetään JavaScript-menetelmissä implisiittisenä sidontana. Kun funktiota kutsutaan objektin ja pisteen avulla, sitä pidetään implisiittisenä sitojana ja ' Tämä ” osoittaa objektia funktiokutsun aikana.
Esimerkki
Ensin luomme objektin, jolla on joitain ominaisuuksia ja menetelmä, ja käytämme sitten ' Tämä ”-avainsana saadaksesi kohteen ominaisuuksien arvot:
var personInfo = {
nimi: 'John' ,
ikä: kaksikymmentä ,
tiedot: toiminto ( ) {
console.log ( 'Hei! olen' + tämä.nimi + ' ja minä olen ' + tämä.ikä + ' vuotta vanha' ) ;
}
}
Soita seuraavaksi ' tiedot() ”-menetelmä sekä objektin nimi:
Voidaan nähdä, että nykyisen objektin määritetyt ominaisuusarvot näytetään onnistuneesti:
Jos haluat käyttää ' Tämä ” tapahtumien käsittelyssä seuraa alla olevaa osaa.
Kuinka käyttää 'tätä' JavaScript-tapahtumankäsittelyssä?
Tarkista tässä esimerkissä ' Tämä ” avainsana tapahtumankäsittelyssä. Harkitse tätä varten esimerkkiä, jossa piilotamme painikkeemme yhdellä napsautuksella. Luo painike ja liitä ' klikkaamalla() -tapahtuman avulla pääset style.display-ominaisuuteen, jossa on ' Tämä ' avainsana, joka piilottaa painikkeen napsautettuna:
< h3 > Napsauta piilottaaksesi painikkeen h3 >< -painiketta klikkaamalla = 'this.style.display='ei mitään'' > Klikkaa tästä ! -painiketta >
Lähtö
Jos olet hämmentynyt ' Tämä ” avainsana käyttäjän määrittämissä funktioissa JavaScriptissä, noudata annettua osaa.
Kuinka käyttää 'tätä' JavaScript-funktioissa?
Kun käytät ' Tämä ” funktioissa JavaScriptissä on kolmenlaisia sidoksia, mukaan lukien:
-
- Oletussidonta
- Implisiittinen sitominen
- Selkeä sitominen
Ymmärretään ne yksitellen!
Esimerkki 1: Tämän avainsanan käyttö oletussidonnassa
Oletussidonnassa ' Tämä ”avainsana toimii globaalina objektina. Sitä käytetään enimmäkseen itsenäisissä toiminnoissa.
Ymmärretään esitetty käsite esimerkin avulla.
Ensin luomme muuttujan ' x ' ja anna sille arvo ' viisitoista ”:
var x = viisitoista ;
Määritä sitten funktio nimeltä ' functionDB() ' ja sen funktiomäärittely, luo muuttuja samalla nimellä ' x 'ja anna sille arvo' 5 , tulosta sitten sen arvo käyttämällä ' console.log() ' menetelmä '' Tämä 'avainsana:
var x = 5 ;
console.log ( tämä.x ) ;
}
Lopuksi soita ' functionDB() ”toiminto:
'' Tämä '-avainsana, tulos näyttää arvon ' x ' kuten ' viisitoista ' koska se toimii globaalina objektina ja prosessia kutsutaan ' Dynaaminen sidonta ”:
Esimerkki 2: Tämän avainsanan käyttö implisiittisessä sidonnassa
Kun funktiota kutsutaan objektilla tai pistesymbolilla, ' Tämä ”avainsana toimii implisiittisenä sitojana. Se osoittaa kohteen funktiokutsun aikana.
Tässä esimerkissä määrittelemme funktion ' tiedot() ' ja käytä ' Tämä ” avainsana funktion määritelmässä:
toiminto tiedot ( ) {console.log ( 'Hei! olen' + tämä.nimi + ' ja minä olen ' + tämä.ikä + ' vuotta vanha' )
}
Luo sitten objekti nimeltä ' henkilötiedot ” määritellyillä ominaisuuksilla:
nimi: 'John' ,
ikä: kaksikymmentä ,
info: info
}
Kutsu nyt funktio pitkin objektia:
Lähtö
Esimerkki 3: Tämän avainsanan käyttö Explicit Binding -toiminnossa
Eksplisiittistä sitomista kutsutaan myös ' kova sidonta ', koska funktiota kutsutaan väkisin käyttämään tiettyä objektia ' Tämä ” sitova, laittamatta ominaisuusfunktioviittausta objektiin. Tätä tarkoitusta varten voidaan käyttää call(), apply()- ja bind()-menetelmiä.
Käytämme nyt samaa toimintoa nimeltä ' tiedot() ' määritelty edellisessä esimerkissä. Luo sitten objekti nimeltä ' henkilötiedot ' seuraavilla arvoilla:
var personInfo = {nimi: 'John' ,
ikä: kaksikymmentä
}
''-nimisen funktion kutsumiseen tiedot() ', käytämme ' soittaa puhelimella() ” -menetelmää ja välitä luotu objekti se argumenttina:
Koska info() ei ole osa objektia, olemme silti käyttäneet sitä erikseen:
Funktion kutsumiseen eksplisiittisesti voit käyttää myös apply()- ja bind()-menetelmiä. Apply()-menetelmä on identtinen call()-menetelmän kanssa, kun taas bind()-menetelmä luo uuden funktion, jolla on sama runko ja laajuus, joka toimii samalla tavalla kuin alkuperäinen funktio. Bind()-menetelmää voidaan käyttää palauttamaan funktio, jota voit käyttää myöhemmin.
Käytä seuraavaa käskyä, jos haluat kutsua info():n apply()-menetelmällä:
info.apply ( henkilötiedot ) ;
Se antaa saman tulosteen kuin call()-metodi antaa:
Soitaessa ' tiedot() ' kanssa ' sitoa() ' -menetelmällä, käytä annettua lausetta:
Lähtö
Olemme koonneet kaikki olennaiset tiedot, jotka liittyvät ' Tämä ”avainsana.
Johtopäätös
' Tämä ” on JavaScriptin avainsana, joka viittaa objektiin, joka suorittaa olemassa olevan koodilohkon. Se edustaa objektia, joka kutsuu nykyisen funktion. Sitä käytetään useissa skenaarioissa eri tavoilla, mukaan lukien menetelmät, tapahtumien käsittely ja toiminnot. Tässä viestissä olemme selittäneet ' Tämä ” avainsana JavaScriptissä.