Shablonli matnlar nima va ular nima uchun…

Шаблонні літерали (template literals), також відомі як шаблонні рядки, — це синтаксичний цукор у JavaScript, який дозволяє вставляти вирази у рядки за допомогою зворотних апострофів (``).

Вони використовуються для:

Більш зручної інтерполяції змінних та виразів у рядки:

const name = "Світ";
const greeting = `Привіт, ${name}!`; // Вставка змінної
console.log(greeting); // Привіт, Світ!

const sum = 2 + 3;
const result = `Сума: ${sum}.`; // Вставка виразу
console.log(result); // Сума: 5.

Створення багаторядкових рядків без використання символу переносу рядка (\n):
```
const multilineString = `
Це
багаторядковий
рядок.
`;
console.log(multilineString);
```
Побудова складних рядкових виразів, таких як шляхи до файлів або SQL-запити, з більшою читабельністю:
```
const userId = 123;
const query = `SELECT * FROM users WHERE id = ${userId}`;
console.log(query);
```

Використання позначених шаблонів (tagged templates) для розширеного функціоналу: Позначені шаблони дозволяють викликати функцію з літералом шаблону. Перший аргумент функції — масив рядкових частин, а наступні — значення інтерпольованих виразів.

function highlight(strings, ...values) {
  let str = '';
  strings.forEach((string, i) => {
    str += string;
    if (values[i]) {
      str += `<b>${values[i]}</b>`; // Наприклад, виділення жирним
    }
  });
  return str;
}

const user = "Frontend";
const role = "розробник";
const message = highlight`Привіт, ${user}! Ти — ${role}.`;
console.log(message); // Привіт, <b>Frontend</b>! Ти — <b>розробник</b>.

Таким чином, шаблонні літерали роблять роботу з рядками у JavaScript більш гнучкою, зрозумілою та дозволяють уникнути складнощів, пов’язаних із конкатенацією рядків за допомогою символу +.

Shablonli matnlar nima va ular nima uchun ishlatiladi?