‎‎قالب ليترال هاJavaScript Template Literals -‎

‎‎مترادف ها‎(Synonyms)‎ عبارتند از :

‎
• ‎Template Literals
• ‎Template String
• ‎String Temlplae
• ‎Back-‎Tics Syntax‎
‎

‎‎قوانين يانحوBack-‎Tics Syntax -‎ ‎(‎`‎)‎

‎در قالب ليترال ها‎(Template Literals)‎ بجاي نقل قول(كوتيشن يا دبل كوتيشن ‎(‎‎ترجيحا ازعلامت‎Back-‎Tics (`) ‎ استفاده مي شود.

‎‎مثال ـ استفاده ازBack-‎Tics

let text = `Hello World!`;

‎‎كوتيشن ها داخل رشتهQuotes Inside Strings -‎

‎در فالب ليترال ها ميتوان هردو علامت كوتيشن‎(‎"‎, ')‎ را در داخل آن مثل رشته ‎استفاده كرد.

‎‎مثال ـ استفاده كوتيشن و دبل كوتيشن در داخل قالب ليترالي

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

‎‎رشته هاي چند خطيMultiLine Strings -‎

‎‎در قالب هاي ليترالي اجازه چند خطي رشته وجود دارد.

‎‎مثال ـ رشته چند خطي

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

‎‎درون يابيInterpolation -‎

‎در قالب هاي ليترالي ، اين امكان فراهم گرديده كه بتوان متغير ويا عبارات را در درون رشته ‎قرار داد .اين روش ، درون يابي رشته ناميده ميشود.

‎‎نحو يا فرمت مطا بق زير:

${...}

‎‎جايگزيني متغيرVariable Substitutions -‎

‎‎قالب ليترالي اجازه قرار دادن متغير دررشته را ميدهد.

‎‎‎مثال ـ قراردادن متغير در رشته

let firstName = "John";
let lastName = "Doe";

let text = `Welcome ${firstName}, ${lastName}!`;

‎‎جايگزيني عبارتExpression Substitution -‎

‎‎عبارت ها هم ميتوانند در قالب ليترالي قرار گيرند.

‎‎مثال ـ قرار دادن عبارت در قالب ليترالي

let price = 10;
let VAT = 0.25;

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

‎‎بصورت اتوماتيك هنگام درون يابي، مقادير عبارات در رشته جايگزين ميشوند.

‎‎قالبهاي اچ تي ام الHTML Templates -‎

‎‎مثال ـ نمونه قالب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>`;

JS Tutorial آموزش جاوااسکریپت

JS Objects اشیاء جاوااسکریپت

JS Functions توابع جاوااسکریپت

JS Classes کلاسهای جاوااسکریپت

JS Async ناهمزمانی جاوااسکریپت

JS HTML DOM شئ دام

JS Browser BOM شئ مرورگر

JS Web APIs رابط های اپی آی وب

JS AJAX آجکس وجاوااسکریپت

JavaScript JSON

JavaScript vs JQuery

JS Graphics گرافیک جاوااسکریپت

JS References فهرست مطالب