JavaScript string templates

Synonymer:

  • Template Literals
  • Template Strings
  • String Templates
  • Back-Tics syntaks

Back-Tics syntaks

SkabelonliteralsBrug af tilbage-tjek (``) i stedet for citationstegn (" ") til at definere streng:

Eksempel

let text = `Hello World!`;

Prøv det selv

citatstegn inde i strengen

Ved at brugeSkabelonliterals，du kan bruge både enkelt- og dobbelt citationstegn i strengen samtidig:

Eksempel

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

Prøv det selv

Flerlinjige strenge

SkabelonliteralsTillader flerlinjige strenge:

Eksempel

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

Prøv det selv

Interpolation

SkabelonliteralsLeverer en simpel metode til at indsætte variabler og udtryk i en streng.

Denne metode kaldes streng interpolation (string interpolation).

Syntaks

${...}

Variabel erstatning

SkabelonliteralsTillader variabler i strengen:

Eksempel

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

Prøv det selv

Automatisk erstatning af variabler med faktiske værdier kaldesStreng interpolation.

Erstatning af udtryk

SkabelonliteralsTillader udtryk i strengen:

Eksempel

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

Prøv det selv

Automatisk erstatning af udtryk med faktiske værdier kaldes streng interpolation.

HTML skabelon

Eksempel

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

Prøv det selv

Browser-understøttelse

Internet Explorer understøtter ikkeSkabelonliterals.

Den første browserversion, der fuldt ud understøtter skabelonliterals, er:

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

Komplet strengreference

For fuld reference, besøg vores fulde JavaScript String-referencehåndbog.

Denne håndbog indeholder beskrivelser og eksempler på alle streng-attributter og -metoder.