JavaScript စကားလုံး ပုံစံ

အတူညီအပြောင်းအလဲ

  • Template Literals
  • Template Strings
  • String Templates
  • Back-Tics အပြောင်းအလဲ

Back-Tics အပြောင်းအလဲ

模板字面量အရိုးအရွတ် (``) ကို အသုံးပြု ပြီး အရိုး ("") ကို အသုံးပြု

အမှတ် 3

let text = `Hello World!`;

亲自试一试

စကားလုံး အတွင်း အရိုးအရွတ်

အသုံးပြု模板字面量，သင် စကားလုံး တွင် စကားလွှန်တင် နှင့် အရိုးအရွတ် စကားလွှန် တစ်ခါတစ်ရံ အသုံးပြု လိမ့်မည်

အမှတ် 3

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

亲自试一试

မျက်နှာချင်း စကားလုံး

模板字面量မျက်နှာချင်း စကားလုံး ခွင့်ပြု

အမှတ် 3

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

亲自试一试

ပြောင်းလဲ

模板字面量အမှုန် နှင့် အမှုန် အထူးသတ်မှတ် ပြောင်းလဲ ပြောင်းလဲ ပုံစံ ပြောင်းလဲ လုပ်ဆောင် ကြောင်း ပြောင်းလဲ

အမှုန် အထူးသတ်မှတ် ပြောင်းလဲ ပြောင်းလဲ လုပ်ဆောင် ကြောင်း ပြောင်းလဲ

အပြောင်းအလဲ

${...}

အမှုန် ပြောင်းလဲ

模板字面量စကားလုံး တွင် အမှုန် အလိုက် လုပ်ဆောင် လိမ့်မည်

အမှတ် 3

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

亲自试一试

စကားလုံး တွင် အမှုန် အလိုက် ပြောင်းလဲ လုပ်ဆောင် ကြောင်း ပြောင်းလဲစကားရပ် အထူးသတ်မှတ်。

အမှုန် ပြောင်းလဲ

模板字面量စကားလုံး တွင် အမှုန် အလိုက် လုပ်ဆောင် လိမ့်မည်

အမှတ် 3

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

亲自试一试

စကားရပ် အထူးသတ်မှတ် လုပ်ဆောင် အပြင်းအဖူး အကျိုးဆက် ပြောင်းလဲကြောင်း ကြည့်မည်

HTML ပုံစံ

အမှတ် 3

let header = "Templates Literals";
let tags = ["template literals", "javascript", "es6"];
let html = `
${header}
    `;
for (const x of tags) {
  html += `
  • ${x}
    • `;
}
html += `
`;

亲自试一试

浏览器支持

Internet Explorer 不支持模板字面量。

第一个完全支持模板字面量的浏览器版本是：

Chrome IE Firefox Safari Opera
Chrome 41 Edge 13 Firefox 34 Safari 10 Opera 29
2015 年 3 月 2015 年 11 月 2014 年 12 月 2016 年 9 月 2015 年 4 月

完整的字符串参考

如需完整参考，请访问我们的完整 JavaScript 字符串参考手册。

该手册包含所有字符串属性和方法的描述和实例。