Template stringek ebben a kurzusban:

A(z) Template stringek fogalomról

A JavaScriptben a template stringek segítségével kifejezéseket ágyazhatsz be a stringekbe, amit string-interpolációnak is neveznek. Ez a funkció kibővíti a beépített String globális objektum képességeit.

JavaScriptben úgy hozhatsz létre template stringeket, hogy a szöveget backtickek közé teszed. Ezek nemcsak új sorokat és más speciális karaktereket engednek meg a szövegben, hanem változókat és más kifejezéseket is beágyazhatsz beléjük.

const num1 = 1;
const num2 = 2;

`Adding ${num1} and ${num2} gives ${num1 + num2}.`;
// => Adding 1 and 2 gives 3.

A fenti példában a backtickek, (``), jelölik a template stringet. A ${...} az a helyőrző, amelyet a behelyettesítéshez használunk. A nem string típusú értékek implicit módon stringgé alakulnak. Erről a típuskonverzió fogalomban olvashatsz. A template stringekben bármilyen típusú kifejezést használhatsz.

const track = 'JavaScript';

`This track on exercism.org is ${track.toUpperCase()}.`;
// => This track on exercism.org is JAVASCRIPT.

Amikor a stringeket több sorba tördelve szeretnéd formázni:

`This is an example of using template
strings to accomplish multiple
lines`;

A rendelkezésre álló behelyettesítési lehetőségekkel logikát is vihetsz a folyamatba, hogy eldöntsd, mi legyen a kimeneti string. A logika egyik kezelési módja a feltételes operátor használata. Ez ugyanazt a feltételes if/else működést adja, kicsit más formában.

Ha logikát szeretnél vinni a template string szintaxisába:

const grade = 95;

`You have ${grade > 90 ? 'passed' : 'failed'} the exam.`;
// => You have passed the exam.