Литералҳои намунавӣ чистанд ва барои чӣ истифода…

Шаблонӣ литералҳо (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-ро бештар чандир, фаҳмонда ва пешгирӣ кардани мураккабӣ, ки бо пайваст кардани сатрҳо бо истифода аз рамзи + алоқаманд аст, имкон медиҳанд.

Литералҳои намунавӣ чистанд ва барои чӣ истифода мешаванд?