ES6-sse lisatud uus element on malliliteraal. See on uus tüüp stringide loomiseks JavaScriptis, mis lisab mitmeid olulisi uusi funktsioone, nagu näiteks võimalus luua mitmerealisi stringe ja lisada stringi avaldis. Arendajana võivad kõik need funktsioonid parandada teie võimeid stringidega manipuleerida ja dünaamilisi stringe luua.
See postitus illustreerib malliliteraale ja nende kasutamist JavaScriptis.
Mis on JavaScripti malliliteraalid (mallistringid)?
“ Mall Literaalid ' on üldtuntud kui ' Malli stringid ”. Neid ümbritseb seljapuu ( “ ) tähemärki, võrreldes stringides olevate jutumärkidega. Selle kohahoidjad on tähistatud dollarimärgiga ' $ ”, ja lokkis traksid {} nagu ' ${expression} ” on malliliteraalides vastuvõetav. Kui soovite kasutada väljendit, võite selle panna ' ${expression} ” kasti seljapuu sees.
Malli literaal on standardse JavaScripti stringi täiustatud versioon. Asendustega tehakse olulist vahet malliliteraali ja tavalise stringi vahel. Muutujaid ja avaldisi saab stringiks integreerida asendajate abil. Nende muutujate ja avaldiste väärtused asendatakse automaatselt JavaScripti mootoriga.
Süntaks
Kasutage malliliteraalide abil üksiku stringi deklareerimiseks allolevat süntaksit:
` string tekst `
Mitme rea puhul järgige antud süntaksit:
` stringi tekstirida 1
stringi tekstirida
Kui soovite lisada väljendit backticks, kasutatakse järgmist süntaksit:
Esitatud kontseptsiooni paremaks mõistmiseks vaadake järgmisi näiteid.
Näide 1: üherealise stringi deklareerimine JavaScripti malliliteraalide abil
Tavaliselt on stringi loomiseks vaja kasutada ühe- või topeltjutumärke, kuid malliliteraalides saate stringi luua järgmiselt:
console.log ( ` LinuxHint ` ) ;
Väljund näitab, et see toimib samamoodi nagu lihtne nõela loomine ühe- või topeltjutumärkide abil:
Näide 2: mitmerealise stringi deklareerimine JavaScripti malliliteraalide abil
Tavaliselt kasutame mitme rea printimiseks konkatenatsioonioperaatorit (+) ja uue rea lisamiseks saab kasutada (\n), mis võib sageli koodi keeruliseks muuta:
console.log ( 'Tere tulemast LinuxHinti. \n ' + 'Parim veebisait oskuste õppimiseks.' ) ;
Mallliteraalide kasutamisel saate uut rida alustada, vajutades klaviatuurilt sisestusklahvi (backticks) blokis:
Parim veebisait jaoks õppimisoskusi. ` ) ;
Väljund
Näide 3: String avaldiseasendustega
Siin loome kõigepealt kaks muutujat ' x ” ja „ Y ”, väärtustega “ kakskümmend ” ja „ viisteist ”, vastavalt:
var x = kakskümmend ;vari y = viisteist ;
Seejärel loo muutuja ' summa ' lisamiseks ' x ” ja „ Y ”:
Kui soovite lisada kahte numbrit ja kuvada nende arvude summat konsoolis, on tavaliselt vaja stringid ja muutujad ühendada tavalises stringivormingus, mis tekitab sageli segadust stringidega korduvate ühe- või topeltjutumärkide kasutamisel ja nende ühendamisel. omavahel ja muutujatega kasutades ( + ):
Kui kasutate malliliteraale, peate määrama ainult muutujatega stringid avaldisena ' ${} ” tagumise märgi plokis:
Väljund
Oleme kokku kogunud kogu olulise teabe, mis on seotud malliliteraalidega.
Järeldus
“ Mall Literaalid ', tuntud ka kui ' Malli stringid ”, on standardse JavaScripti stringi täiustatud versioon, mis on ümbritsetud tagumise märgiga ( “ ) tähemärki, võrreldes stringides olevate jutumärkidega. See võimaldab luua ühe- ja mitmerealisi stringe ilma konkatenatsioonioperaatorit kasutamata ja sisaldab avaldist stringis. Selles postituses on käsitletud JavaScripti malliliteraale koos selgitatud näidetega.