TypeScript:
Interpolazione di una stringa

How to:

Con TypeScript, interpolare è facile come usare il backtick (`) e le espressioni ${}. Ecco un esempio:

let nome = "Mario";
let saluto = `Ciao ${nome}, come stai?`;

console.log(saluto); // Ciao Mario, come stai?

Cosa succede se combini numeri? Nessun problema, TypeScript gestisce anche quello:

let ore = 8;
let messaggio = `Ci sono ${24 - ore} ore rimanenti nella giornata.`;

console.log(messaggio); // Ci sono 16 ore rimanenti nella giornata.

Deep Dive

L’interpolazione di stringhe non è un concetto nuovo; esisteva in linguaggi come Perl e Python prima dell’avvento di JavaScript ES6, dove è stato introdotto come Template Literals. Prima di questo, i programmatori dovevano concatenare le stringhe e le variabili, spesso in modo goffo e meno leggibile. Ad esempio, "Ciao " + nome + ", come stai?".

Le alternative? Oltre alla concatenazione, esistono librerie come Lodash che forniscono funzioni di templating, ma con TypeScript, l’interpolazione nativa è così elegante e potente che raramente è necessario cercare altrove.

Dettagli implementativi

Dietro le quinte, TypeScript trasforma i template literals in concatenazioni di stringhe equivalenti in JavaScript ES5. Questo significa che anche se scrivi codice in TypeScript usando template literals, funzionerà su browser e ambienti che supportano solo versioni precedenti di JavaScript.

See Also

• MDN Web Docs sui Template Literals: MDN Template Literals
• TypeScript Handbook: TypeScript Template Strings
• Documentazione Lodash su _.template: Lodash _.template