JavaScript sjabloon letterlike
Sinonieme:
- Letterlike sjabloon
- Sjabloon Strings
- String sjablone
- Back-Tics-sintaksis
Back-Tics-sintaksis
Letterlike sjabloon gebruik back-ticks (``) eerder as die aanhalings ("") om 'n string te definieer:
Voorbeeld
let text = `Hello World!`;
Aanhalings binne snare
Met letterlike sjabloon kan jy beide enkel- en dubbelaanhalingstekens binne 'n string gebruik:
Voorbeeld
let text = `He's often called "Johnny"`;
Meerlyn snare
Sjabloonletters laat meerlynstringe toe:
Voorbeeld
let text =
`The quick
brown fox
jumps over
the lazy dog`;
Interpolasie
Sjabloonletters bied 'n maklike manier om veranderlikes en uitdrukkings in stringe te interpoleer.
Die metode word stringinterpolasie genoem.
Die sintaksis is:
${...}
Veranderlike vervangings
Letterlike sjabloon laat veranderlikes in stringe toe:
Voorbeeld
let firstName = "John";
let lastName = "Doe";
let text = `Welcome ${firstName}, ${lastName}!`;
Outomatiese vervanging van veranderlikes met werklike waardes word stringinterpolasie genoem .
Uitdrukkingvervanging
Letterlike sjabloon laat uitdrukkings in stringe toe:
Voorbeeld
let price = 10;
let VAT = 0.25;
let total = `Total: ${(price * (1 + VAT)).toFixed(2)}`;
Outomatiese vervanging van uitdrukkings met werklike waardes word stringinterpolasie genoem .
HTML-sjablone
Voorbeeld
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>`;
Blaaierondersteuning
Template Literals
is 'n ES6-kenmerk (JavaScript 2015).
Dit word ondersteun in alle moderne blaaiers:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
Template Literals
word nie in Internet Explorer ondersteun nie.
Voltooi stringverwysing
Vir 'n volledige stringverwysing, gaan na ons:
Voltooi JavaScript-stringverwysing .
Die verwysing bevat beskrywings en voorbeelde van alle string eienskappe en metodes.