TypeScript:
Een string interpoleren
Hoe te:
Om een string te interpoleren in TypeScript, gebruik je backticks ` en ${expressie} syntax:
let user = 'Charlie';
let age = 27;
// Een string interpoleren
let groet = `Hi, ik ben ${user} en ik ben ${age} jaar oud.`;
console.log(groet); // Uitvoer: Hi, ik ben Charlie en ik ben 27 jaar oud.
Diepere Duik:
String interpolatie is niet uniek voor TypeScript; het zit ook in JavaScript sinds ES6 en vele andere talen. Voorheen concateneerden we strings met behulp van de + operator, wat er zo uitzag:
let groet = 'Hi, ik ben ' + user + ' en ik ben ' + age + ' jaar oud.';De + methode werkt, maar het is omslachtiger en moeilijker te lezen, vooral met meerdere variabelen. Met interpolatie zijn sjablonen schoner en fouten makkelijker te vermijden.
Wat gebeurt er onder de motorkap? Geïnterpoleerde strings zijn “syntactische suiker” - een vereenvoudigde manier om de complexere functie bekend als “template literals” te gebruiken. Wanneer gecompileerd, wordt je vriendelijke, leesbare interpolatie omgezet naar een formaat dat de JavaScript-engine kan begrijpen, vaak met behulp van concatenatie of andere string manipulatie methoden.
Een alternatief voor interpolatie zou het gebruik van sjabloonfuncties of bibliotheken kunnen zijn, maar voor de meeste gevallen is interpolatie met backticks het handigste gereedschap voor de klus.