Czym są literały szablonowe i do czego służą…

Literały szablonowe, znane również jako literały szablonowe, to cukier składniowy w JavaScript, który pozwala na wstawianie wyrażeń do łańcuchów za pomocą odwrotnych apostrofów (``).

Są używane do:

Wygodniejszej interpolacji zmiennych i wyrażeń w łańcuchach:

const name = "Świecie";
const greeting = `Cześć, ${name}!`; // Wstawianie zmiennej
console.log(greeting); // Cześć, Świecie!

const sum = 2 + 3;
const result = `Suma: ${sum}.`; // Wstawianie wyrażenia
console.log(result); // Suma: 5.

Tworzenia wielolinijkowych łańcuchów bez użycia znaku nowej linii (\n):

const multilineString = `
To
jest
wielolinijkowy
łańcuch.
`;
console.log(multilineString);

Budowania złożonych wyrażeń tekstowych, takich jak ścieżki do plików lub zapytania SQL, z większą czytelnością:
```
const userId = 123;
const query = `SELECT * FROM users WHERE id = ${userId}`;
console.log(query);
```

Używania szablonów oznaczonych (tagged templates) do rozszerzonej funkcjonalności: Szablony oznaczone pozwalają wywołać funkcję z literałem szablonu. Pierwszy argument funkcji to tablica części tekstu, a kolejne argumenty to wartości interpolowanych wyrażeń.

function highlight(strings, ...values) {
  let str = '';
  strings.forEach((string, i) => {
    str += string;
    if (values[i]) {
      str += `<b>${values[i]}</b>`; // Na przykład pogrubienie
    }
  });
  return str;
}

const user = "Frontend";
const role = "programista";
const message = highlight`Cześć, ${user}! Jesteś ${role}.`;
console.log(message); // Cześć, <b>Frontend</b>! Jesteś <b>programistą</b>.

W ten sposób literały szablonowe sprawiają, że praca z łańcuchami w JavaScript jest bardziej elastyczna, zrozumiała i pozwala uniknąć złożoności związanych z konkatenacją łańcuchów za pomocą symbolu +.

Czym są literały szablonowe i do czego służą?