JavaScript Template Literals
ထပ်တူထပ်မျှများ-
- Template စာလုံးများ
- Template ကြိုးများ
- စာတန်းပုံစံများ
- Back-Tics Syntax
Back-Tics Syntax
Template Literals သည် စာကြောင်းတစ်ကြောင်းကို သတ်မှတ်ရန် ("") ကိုကိုးကားခြင်းထက် back-ticks (``) ကိုအသုံးပြုသည်-
ဥပမာ
let text = `Hello World!`;
အတွင်းစာတန်းများကိုကိုးကား
template literals ဖြင့် ၊ သင်သည် စာကြောင်းတစ်ခုအတွင်း၌ single နှင့် double quotes များကို သုံးနိုင်သည်-
ဥပမာ
let text = `He's often called "Johnny"`;
Multiline ကြိုးများ
Template literals များသည် multiline strings များကို ခွင့်ပြုသည်-
ဥပမာ
let text =
`The quick
brown fox
jumps over
the lazy dog`;
ပေါင်းစည်းခြင်း။
Template literals များသည် variable များနှင့် expression များကို string များအဖြစ် ပေါင်းစပ်ရန် လွယ်ကူသောနည်းလမ်းကို ပေးစွမ်းသည်။
နည်းလမ်းကို string interpolation ဟုခေါ်သည်။
syntax သည်-
${...}
ပြောင်းလဲနိုင်သော အစားထိုးမှုများ
Template literals များသည် strings များတွင် variable များကို ခွင့်ပြုသည်-
ဥပမာ
let firstName = "John";
let lastName = "Doe";
let text = `Welcome ${firstName}, ${lastName}!`;
ကိန်းရှင်များကို အစစ်အမှန်တန်ဖိုးများဖြင့် အလိုအလျောက် အစားထိုးခြင်းကို string interpolation ဟုခေါ်သည် ။
စကားအသုံးအနှုန်း အစားထိုးခြင်း။
Template literals များသည် strings များတွင် expression များကို ခွင့်ပြုသည်-
ဥပမာ
let price = 10;
let VAT = 0.25;
let total = `Total: ${(price * (1 + VAT)).toFixed(2)}`;
အသုံးအနှုန်းများကို စစ်မှန်သောတန်ဖိုးများဖြင့် အလိုအလျောက် အစားထိုးခြင်းကို string interpolation ဟုခေါ်သည် ။
HTML Templates များ
ဥပမာ
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>`;
Browser ပံ့ပိုးမှု
Template Literals
ES6 အင်္ဂါရပ် (JavaScript 2015) ဖြစ်သည်။
၎င်းကို ခေတ်မီဘရောက်ဆာများအားလုံးတွင် ပံ့ပိုးထားသည်။
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
Template Literals
Internet Explorer တွင် မပံ့ပိုးပါ။
စာကြောင်းအကိုးအကား အပြည့်အစုံ
ပြီးပြည့်စုံသော String အကိုးအကားအတွက်၊ ကျွန်ုပ်တို့ထံ သွားပါ။
JavaScript String အကိုးအကားကို အပြီးသတ် ပါ။
ကိုးကားချက်တွင် string properties နှင့် method အားလုံး၏ ဖော်ပြချက်များနှင့် ဥပမာများ ပါရှိသည်။