Keuzevak

Aanbevolen cursussen:

  • JavaScript string templates
  • Synoniemen:
  • Template Strings
  • String Templates

String Templates

Template literals

Voorbeeld

Gebruik backticks (`) in plaats van aanhalingstekens ("

Probeer het zelf

Aanhalingstekens in strings

Door gebruik te maken vanTemplate literals，U kunt tegelijkertijd eenenkel en dubbele aanhalingstekens gebruiken in een string:

Voorbeeld

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

Probeer het zelf

Meerdere regels in strings

Template literalsToestaan van meerdere regels in strings:

Voorbeeld

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

Probeer het zelf

Interpolatie

Template literalsBiedt een eenvoudige manier om variabelen en expressies in strings in te voegen.

Deze methode wordt stringinterpolatie (string interpolation) genoemd.

Syntax

${...}

Variabelevervanging

Template literalsToestaan van variabelen in strings:

Voorbeeld

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

Probeer het zelf

Automatische vervanging van variabelen met waarde wordt genoemd:Stringinterpolatie.

Expressievervanging

Template literalsToestaan van expressies in strings:

Voorbeeld

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

Probeer het zelf

Automatische vervanging van expressies met waarde wordt stringinterpolatie genoemd.

HTML-sjabloon

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

Probeer het zelf

Browserondersteuning

Internet Explorer ondersteunt dit nietTemplate literals.

De eerste browserversie die template literals volledig ondersteunt is:

Chrome IE Firefox Safari Opera
Chrome 41 Edge 13 Firefox 34 Safari 10 Opera 29
Maart 2015 November 2015 December 2014 September 2016 April 2015

Volledige string referentie

Voor een volledige referentie, bezoek onze volledige JavaScript String referentiemanual.

Dit manual bevat een beschrijving en voorbeelden van alle string-eigenschappen en -methoden.