Kas yra šablonų literaliai ir kam jie naudojami…

Šablonų literatai (template literals), dar žinomi kaip šablonų eilutės, yra sintaksės cukrus JavaScript, leidžiantis įterpti išraiškas į eilutes naudojant atgalines kabutes (``).

Jie naudojami:

Patogesniam kintamųjų ir išraiškų įterpimui į eilutes:

const name = "Pasaulis";
const greeting = `Labas, ${name}!`; // Kintamojo įterpimas
console.log(greeting); // Labas, Pasaulis!

const sum = 2 + 3;
const result = `Suma: ${sum}.`; // Išraiškos įterpimas
console.log(result); // Suma: 5.

Daugiabriaunių eilutės kūrimui be pertraukimo simbolio (\n):

const multilineString = `
Tai
daugiabriaunė
eilutė.
`;
console.log(multilineString);

Sudėtingų eilutės išraiškų kūrimui, tokių kaip failų keliai ar SQL užklausos, geresnė skaitomumas:
```
const userId = 123;
const query = `SELECT * FROM users WHERE id = ${userId}`;
console.log(query);
```

Naudojant žymėtus šablonus (tagged templates) išplėstiniam funkcionalumui: Žymėti šablonai leidžia iškviesti funkciją su šabloniniu literalu. Pirmas argumentas — eilutės masyvas, o kiti argumentai — įterptų išraiškų reikšmės:

function highlight(strings, ...values) {
  let str = '';
  strings.forEach((string, i) => {
    str += string;
    if (values[i]) {
      str += `<b>${values[i]}</b>`; // Pavyzdžiui, paryškinimas paryškintu
    }
  });
  return str;
}

const user = "Frontend";
const role = "vystytojas";
const message = highlight`Labas, ${user}! Tu - ${role}.`;
console.log(message); // Labas, <b>Frontend</b>! Tu - <b>vystytojas</b>.

Taip šablonų literatai daro darbą su eilutėmis JavaScript'e lankstesnį, suprantamesnį ir leidžia išvengti sudėtingumų, susijusių su eilutės jungimu naudojant + simbolį.

Kas yra šablonų literaliai ir kam jie naudojami?