💻آموزش ES6: قالب تحت اللفظی در جاوا اسکریپت

قبل از ES6، از نقل قول های تکی (') یا دو نقل قول (") پیچیدن یک رشته به معنای واقعی کلمه. و رشته ها عملکرد بسیار محدودی دارند.

در ES6، می‌توانیم با قرار دادن متن در بک‌تیک‌ها، یک الگو به معنای واقعی کلمه ایجاد کنیم.

““) مثال:

let simple = `This is a template literal`;

در اینجا برخی از ویژگی های کلیدی قالب literals آورده شده است:

رشته های چند خطی:

با لفظ قالب، می توانید رشته های چند خطی را بدون نیاز به کاراکترهای فرار یا الحاق ایجاد کنید.

const multiline = `
  This is
  a multiline
  string.` ;

درون یابی متغیر:

ما به سادگی می توانیم متغیر یا عبارت را در داخل قرار دهیم ${}

const name = "Javascript";
const greeting = `Hello, ${name}!`;

console.log(greeting); // Output: Hello, Alice!

قالب های برچسب گذاری شده:

الگوی برچسب شده مانند یک تعریف تابع نوشته شده است. با این حال، شما از پرانتز عبور نمی کنید () هنگام فراخوانی تحت اللفظی

const name="JS";
const greet = true;

function tag(strings, nameValue) {
    let str0 = strings[0]; // Hello
    let str1 = strings[1]; // , How are you?

    if(greet) {
        return `${str0}${nameValue}${str1}`;
    }
}

// passing argument name
const result = tag`Hello ${name}, How are you?`;

console.log(result);