Şablon ədədləri nədir və onlar nə üçün istifadə olunur?

Şablon mətnləri (template literals), həmçinin şablon sətirləri kimi də tanınır, JavaScript-də sintaktik şəkərdir və geri tırnaklar (``) istifadə edərək ifadələri sətirlərə daxil etməyə imkan verir.

Onlar istifadə olunur:

1. Dəyişənlərin və ifadələrin sətirlərə daha rahat interpolasiyası:

   const name = "Dünya";
   const greeting = `Salam, ${name}!`; // Dəyişənin daxil edilməsi
   console.log(greeting); // Salam, Dünya!
   
   const sum = 2 + 3;
   const result = `Cəm: ${sum}.`; // İfadənin daxil edilməsi
   console.log(result); // Cəm: 5.
   

2. Yeni sətir simvolu (\n) istifadə etmədən çox sətirli sətirlər yaratmaq:

   const multilineString = `
   Bu
   çox sətirli
   sətirdir.
   `;
   console.log(multilineString);
   

3. Fayl yolları və ya SQL sorğuları kimi mürəkkəb sətir ifadələrinin daha oxunaqlı qurulması:

   const userId = 123;
   const query = `SELECT * FROM users WHERE id = ${userId}`;
   console.log(query);
   

4. Etiketli şablonların (tagged templates) istifadə olunması ilə genişləndirilmiş funksionallıq: Etiketli şablonlar funksiyanı şablon literalı ilə çağırmağa imkan verir. Funksiyanın ilk arqumenti sətir hissələrinin massividir və növbəti arqumentlər interpolasiya olunmuş ifadələrin dəyərləridir.

   function highlight(strings, ...values) {
     let str = '';
     strings.forEach((string, i) => {
       str += string;
       if (values[i]) {
         str += `<b>${values[i]}</b>`; // Məsələn, qalın vurğu
       }
     });
     return str;
   }
   
   const user = "Frontend";
   const role = "inkişafçı";
   const message = highlight`Salam, ${user}! Sən bir ${role}.`;
   console.log(message); // Salam, <b>Frontend</b>! Sən bir <b>inkişafçı</b>.
   

Beləliklə, şablon mətnləri JavaScript-də sətirlərlə işləməyi daha çevik, anlaşılan edir və + simvolu ilə sətirlərin birləşdirilməsi ilə bağlı çətinliklərdən qaçmağa imkan verir.