Stringhe di Modello JavaScript

Sinonimi:

  • Stringhe Literali di Modello
  • Stringhe di Modello
  • Stringhe di Modello
  • Sintassi Back-Tics

Sintassi Back-Tics

Template letteraliUsa i back-ticks (``) invece delle virgolette ("") per definire una stringa:

Esempio

let text = `Hello World!`;

Prova personalmente

Virgolette all'interno di una stringa

UtilizzandoTemplate letterali，puoi usare contemporaneamente virgolette singole e doppie all'interno di una stringa:

Esempio

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

Prova personalmente

Stringhe multiligne

Template letteraliPermette stringhe multiligne:

Esempio

let text =
The quick
brown fox
salta sopra
the lazy dog`;

Prova personalmente

Interpolazione

Template letteraliFornisce un metodo semplice per inserire variabili ed espressioni all'interno di stringhe.

Questo metodo si chiama interpolazione di stringhe (string interpolation).

Sintassi

${...}

Sostituzione di variabili

Template letteraliPermette variabili all'interno di stringhe:

Esempio

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

Prova personalmente

L'uso di valori reali per sostituire variabili chiamatoInterpolazione di stringhe.

Sostituzione di espressioni

Template letteraliPermette espressioni all'interno di stringhe:

Esempio

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

Prova personalmente

L'uso di valori reali per sostituire espressioni chiamato interpolazione di stringhe.

Template HTML

Esempio

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

Prova personalmente

Supporto del browser

Internet Explorer non supportaTemplate letterali.

La prima versione del browser che supporta completamente i template letterali è:

Chrome IE Firefox Safari Opera
Chrome 41 Edge 13 Firefox 34 Safari 10 Opera 29
Marzo 2015 Novembre 2015 Dicembre 2014 Settembre 2016 Aprile 2015

Guida completa delle stringhe

Per una guida completa, visitare la nostra guida Manuale di riferimento Stringa JavaScript.

Questo manuale contiene una descrizione e un esempio di tutte le proprietà e i metodi delle stringhe.