٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

اصطلاحات الگوی جاوا اسکریپت

مترادف: اصطلاحات الگوی رشته های الگو الگوهای رشته ای نحو Back-Tics نحو Back-Tics الفبای الگوی برای تعریف یک رشته از بک تیک (`) به جای نقل قول (” “) استفاده می کنند: مثال let text = `Hello World!`; نقل قول درون…

محمد یوسفی

18 جولای 2021

مترادف:

  • اصطلاحات الگوی
  • رشته های الگو
  • الگوهای رشته ای
  • نحو 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,}, ${firstName,}`;

جایگزینی خودکار متغیرها با مقادیر واقعی ، درون یابی رشته ای نامیده می شود .


جایگزینی بیان

حروف الفبا الگو به عبارات در رشته اجازه می دهد:

مثال

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>`;

پشتیبانی مرورگر

حروف الفبا در اینترنت اکسپلورر پشتیبانی نمی شوند.

اولین نسخه های مرورگر با پشتیبانی کامل:

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها