قالب JavaScript Literals
المرادفات:
- قالب حرفي
- سلاسل القالب
- قوالب السلسلة
- صيغة Back-Tics
صيغة Back-Tics
تستخدم القوالب الحرفية علامات التجزئة (`) بدلاً من علامات الاقتباس (" ") لتحديد سلسلة:
مثال
let text = `Hello World!`;
اقتباسات داخل الأوتار
باستخدام القوالب الحرفية ، يمكنك استخدام علامات الاقتباس المفردة والمزدوجة داخل سلسلة نصية:
مثال
let text = `He's often called "Johnny"`;
سلاسل متعددة الأسطر
تسمح القوالب الحرفية بالسلاسل متعددة الأسطر:
مثال
let text =
`The quick
brown fox
jumps over
the lazy dog`;
إقحام
توفر القوالب الحرفية طريقة سهلة لاستيفاء المتغيرات والتعبيرات في سلاسل.
هذه الطريقة تسمى سلسلة الاستيفاء.
الصيغة هي:
${...}
بدائل متغيرة
تسمح القوالب الحرفية بالمتغيرات في السلاسل:
مثال
let firstName = "John";
let lastName = "Doe";
let text = `Welcome ${firstName}, ${lastName}!`;
يسمى الاستبدال التلقائي للمتغيرات بالقيم الحقيقية باستيفاء السلسلة .
استبدال التعبير
تسمح القوالب الحرفية بالتعبيرات في السلاسل:
مثال
let price = 10;
let VAT = 0.25;
let total = `Total: ${(price * (1 + VAT)).toFixed(2)}`;
يسمى الاستبدال التلقائي للتعبيرات ذات القيم الحقيقية باستيفاء السلسلة .
قوالب HTML
مثال
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>`;
دعم المتصفح
Template Literals
هي ميزة ES6 (JavaScript 2015).
وهي مدعومة في جميع المتصفحات الحديثة:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
Template Literals
غير مدعوم في Internet Explorer.
مرجع سلسلة كاملة
للحصول على مرجع سلسلة كامل ، انتقل إلى:
يحتوي المرجع على أوصاف وأمثلة لجميع خصائص السلسلة وطرقها.