JavaScript Dize Şablonları

Anlamlı İsimler:

  • Şablon Dizeleri
  • Şablon Dizileri
  • Dize Şablonları
  • Geriye Doğru Sözdizimi

Geriye Doğru Sözdizimi

Şablon DizgeleriTırnak yerine ters tırnak (`) kullanarak dize tanımlayın:

Örnek

let text = \`Hello World!\`;

Kişisel olarak deneyin

Dize içinde tırnaklar

KullanarakŞablon Dizgeleri，dizide aynı anda tek ve çift tırnak kullanabilirsiniz:

Örnek

let text = \`He's often called \"Johnny\"\`;

Kişisel olarak deneyin

Çok satırlı dize

Şablon DizgeleriÇok satırlı dizileri izin verir:

Örnek

let text =
\`The quick
brown fox
jumps over
the lazy dog`;

Kişisel olarak deneyin

Ekleme

Şablon DizgeleriDeğişkenleri ve ifadeleri dizilere eklemek için basit bir yöntem sağlar.

Bu yöntem, değişkenleri ve ifadeleri dizilere eklemek için basit bir yöntemdir.

Sözdizimi

${...}

Değişken Değiştirme

Şablon DizgeleriDizideki değişkenleri izin verir:

Örnek

let firstName = \"Bill\";
let lastName = \"Gates\";
let text = \`Welcome ${firstName}, ${lastName}!\`;

Kişisel olarak deneyin

Gerçek değerlerin değişkenleri otomatik olarak değiştirilmesiDize Ekleme.

İfade Değiştirme

Şablon DizgeleriDizideki ifadeleri izin verir:

Örnek

let price = 10;
let VAT = 0.25;
let total = \`Total: ${\(price * (1 + VAT)).toFixed(2)}\`;

Kişisel olarak deneyin

Gerçek değerlerin ifadeleri otomatik olarak değiştirilmesi, dize ekleme olarak adlandırılır.

HTML Şablonu

Örnek

let header = \"Templates Literals\";
let tags = [\"template literals\", \"javascript\", \"es6\"];
let html = `<h2>${header}</h2><ul>`;
for (const x of tags) {
  html += `<li>${x}</li>`;
}
html += `</ul>`;

Kişisel olarak deneyin

Tarayıcı Desteği

Internet Explorer desteklemezŞablon Dizgeleri.

Tam destekleyen ilk tarayıcı sürümü şu şekildedir:

Chrome IE Firefox Safari Opera
Chrome 41 Edge 13 Firefox 34 Safari 10 Opera 29
2015 Yılı Mart 2015 Yılı Kasım 2014 Yılı Aralık 2016 Yılı Eylül 2015 Yılı Nisan

Tam Dizgi Referansı

Tam referans için lütfen tam referans sayfamızı ziyaret edin JavaScript Dizgi Referans Kılavuzu.

Bu el kitabı tüm dizgi özellikleri ve yöntemlerinin açıklamaları ve örneklerini içerir.