JavaScript Template Literals ($ İşağretinin Kullanımı)
Kesme İşağreti (Back-Tics) Sözdizimi
Şablon Dizelerinde bir dizeyi tanımlamak için tırnak işaretleri ("") yerine ters tırnak işaretleri (``) kullanılır:
Örnek
let text = `Hello World!`;
Dizeler İçindeki Alıntılar
Şablon Dizelerinde bir dizenin içinde hem tek hem de çift tırnak işaretine izin verilir:
Örnek
let text = `He's often called "Johnny"`;
Çok Satırlı Dizeler
Şablon Dizeleri çok satırlı dizelere izin verir:
Örnek
let text =
`The quick
brown fox
jumps over
the lazy dog`;
Enterpolasyon
Şablon Dizesi, değişkenleri ve ifadeleri dizelere dahil etmenin kolay bir yolunu sağlar.
Yöntemin adı string interpolation'dır.
Söz dizimi şöyledir:
${...}
Değişken İkameleri
Şablon Dizelerinde değişkenlere izin verilir:
Örnek
let firstName = "John";
let lastName = "Doe";
let text = `Welcome ${firstName}, ${lastName}!`;
Değişkenlerin gerçek değerlerle otomatik olarak değiştirilmesine dize interpolasyonu denir .
İfade Değiştirme
Şablon Dizeleri dizelerdeki ifadelere izin verir:
Örnek
let price = 10;
let VAT = 0.25;
let total = `Total: ${(price * (1 + VAT)).toFixed(2)}`;
İfadelerin gerçek değerlerle otomatik olarak değiştirilmesine dize interpolasyonu denir .
HTML Şablonları
Örnek
let header = "Template Strings";
let tags = ["template strings", "javascript", "es6"];
let html = `<h2>${header}</h2><ul>`;
for (const x of tags) {
html += `<li>${x}</li>`;
}
html += `</ul>`;
Kaynak
Yorumunuzu Ekleyin
