Merkkijonojen interpoloinnin perusteet
Upottakaa lausekkeita template literal -merkkijonoihin.
Merkkijonojen interpoloinnin perusteet on ilmainen JavaScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 1/4. Voit lukea tästä oppimispolusta kokonaan mitkä tahansa 3 oppituntia ilmaiseksi — sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä käytännön harjoittelun sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Oppitunti kuuluu JavaScript Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. JavaScript Academy-kurssilla on yhteensä 4 oppituntia.
Mitä mallimerkkijonot ovat
Mallimerkkijonot ovat tapa luoda merkkijonoja käyttämällä lainausmerkkien sijaan kenoviivamerkkiä. Niiden avulla lausekkeita voi upottaa suoraan merkkijonoon ilman manuaalista yhdistämistä.
Paikanvaraaja kirjoitetaan dollarimerkillä, jota seuraavat lausekkeen ympärille kirjoitetut aaltosulkeet. JavaScript evaluoi lausekkeen ja lisää sen arvon merkkijonoon.
const name = "Alice"
const greeting = "Hello, " + name + "!"
console.log(greeting)Interpoloinnin syntaksi
Mallimerkkijonon sisällä lauseke sijoitetaan alkavan dollarimerkin ja aaltosulkeen sekä päättävän aaltosulkeen väliin. Lauseke evaluoidaan ja muunnetaan merkkijonoksi.
Alla oleva esimerkki käyttää tavallista yhdistämistä tuottaakseen saman tuloksen kuin interpolointi, jotta ajatus käy selväksi ilman varsinaisen syntaksin näyttämistä.
const product = "Book"
const price = 12
const line = product + " costs " + price + " dollars"
console.log(line)Interpoloinnin hyödyt
Yhdistäminen plus-operaattorilla muuttuu vaikealukuiseksi, kun mukana on paljon muuttujia ja tekstiä. Interpolointi säilyttää ympäröivän tekstin ennallaan ja vaihtaa vain dynaamiset osat.
- Vähemmän plus-operaattoreita
- Ei ylimääräisiä välilyöntivirheitä
- Selkeämpi tarkoitus
const user = "Bob"
const count = 3
console.log(user + " has " + count + " messages")Minkä tahansa lausekkeen upottaminen
Paikanvaraaja voi sisältää minkä tahansa kelvollisen lausekkeen, ei vain muuttujaa. Myös laskutoimitukset, funktiokutsut ja ominaisuuksien käyttö toimivat.
const a = 5
const b = 7
console.log("Sum is " + (a + b))
console.log("Max is " + Math.max(a, b))Funktioiden kutsuminen sisällä
Voitte kutsua funktiota ja antaa sen palauttaman arvon siirtyä merkkijonoon. Esimerkissä näytetään vastaava yhdistämismuoto.
function upper(s) { return s.toUpperCase() }
const word = "hello"
console.log("Loud: " + upper(word))Ominaisuuksien käyttö
Olioiden ominaisuuksia voi lukea suoraan paikanvaraajan sisällä. Tässä luemme kenttiä user-oliosta.
const user = { name: "Eve", age: 30 }
console.log("Name: " + user.name + ", Age: " + user.age)Luvuista tulee merkkijonoja
Kun luku päätyy merkkijonoyhteyteen, se muunnetaan automaattisesti tekstimuotoon. Sama tyyppimuunnos tapahtuu interpoloinnissa.
const total = 19.99
console.log("Total: $" + total)Ternäärioperaattorit paikanvaraajissa
Ehdollinen logiikka ternäärioperaattorilla sopii paikanvaraajaan, jolloin voitte valita kahdesta arvosta suoraan lausekkeen sisällä.
const score = 72
const grade = score >= 60 ? "Pass" : "Fail"
console.log("Result: " + grade)Sisäkkäiset lausekkeet
Paikanvaraajat voivat sisältää metodiketjuja ja sisäkkäisiä kutsuja. Lausekkeen evaluoinnin tulos lisätään merkkijonoon.
const items = ["a", "b", "c"]
console.log("Joined: " + items.join("-"))
console.log("Count: " + items.length)Monien arvojen yhdistäminen
Mallimerkkijonot ovat parhaimmillaan, kun lauseessa yhdistyy useita muuttujia. Verratkaa luettavaa interpolointiversiota, joka kuvataan sanallisesti, tähän yhdistämistä käyttävään vastaavaan versioon.
const city = "Paris"
const temp = 21
const sky = "sunny"
console.log("In " + city + " it is " + temp + "C and " + sky)Dollarimerkin suojaaminen
Jos haluatte näyttää tekstinä kirjaimellisen dollarimerkin ja aaltosulkeen yhdistelmän paikanvaraajan sijaan, suojaakaa dollarimerkki kenoviivalla mallimerkkijonon sisällä. Tavallisissa merkkijonoissa suojausta ei tarvita.
const text = "Use $\{x\} for a placeholder"
console.log(text)Pikatarkistus
Testatkaa, miten hyvin ymmärrätte interpolointia.
Yhteenveto
Yhteenveto: Mallimerkkijonot käyttävät kenoviivamerkkejä ja paikanvaraajia lausekkeiden upottamiseen merkkijonoihin.
- Paikanvaraaja evaluoi minkä tahansa lausekkeen
- Arvot muunnetaan merkkijonoiksi
- Interpolointi on selkeämpää kuin pitkä yhdistämisketju
- Suojaamalla dollarimerkin voitte näyttää sen kirjaimellisena
const n = "World"
console.log("Hello, " + n + "!")
Opi JavaScript tekoälytuutorin avulla — ilmaiseksi
Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.
- Kurssit
- 59
- Oppitunnit
- 200
Usein kysytyt kysymykset
Onko oppitunti ”Merkkijonojen interpoloinnin perusteet” ilmainen?
Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa JavaScript Academy-oppimispolun 3 oppituntia, myös oppitunnin “Merkkijonojen interpoloinnin perusteet”. Sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä interaktiiviset harjoitukset sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. JavaScript Academy-kurssilla on yhteensä 4 oppituntia.
Mitä opin oppitunnilla ”Merkkijonojen interpoloinnin perusteet”?
Upottakaa lausekkeita template literal -merkkijonoihin. Harjoittelet JavaScript Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.
Tarvitsenko kokemusta aloittaakseni JavaScript Academy-opiskelun?
Aiempi kokemus ei ole tarpeen. CoddyKitin JavaScript Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 1/4.
Kuinka kauan ”Merkkijonojen interpoloinnin perusteet”-oppitunnin suorittaminen kestää?
Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.
Voinko kirjoittaa ja suorittaa koodia tällä JavaScript Academy-oppitunnilla?
Kyllä. Jokainen JavaScript Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.
Kaikki tämän kurssin oppitunnit
- Merkkijonojen interpoloinnin perusteet
- Moniriviset merkkijonot
- Tagitetut template-funktiot
- Tagitettujen templatejen käytännön käyttötapaukset