JavaScript:
Een string interpoleren
Hoe:
In JavaScript wordt stringinterpolatie vaak gedaan met behulp van template literals. Zo kun je het doen:
const name = 'Alice';
const message = `Hallo, ${name}! Hoe gaat het vandaag met je?`;
console.log(message); // Geeft uit: Hallo, Alice! Hoe gaat het vandaag met je?
Je kunt ook operaties uitvoeren binnen placeholders:
const a = 10;
const b = 5;
console.log(`Tien keer vijf is ${a * b}.`); // Geeft uit: Tien keer vijf is 50.
Diepere Duik
Historisch gezien was stringinterpolatie niet zo eenvoudig in JavaScript. Voor ES6 (ECMAScript 2015) werd concatenatie vaak gedaan met behulp van de +
operator:
var name = 'Bob';
var message = 'Hallo, ' + name + '! Hoe gaat het vandaag met je?';
Met de introductie van ES6 kwamen template literals (tussen backticks ` `) naar voren, met een eenvoudigere syntax dankzij de ${}
placeholders.
Alternatieven voor stringinterpolatie omvatten stringconcatenatie met de +
operator en de concat()
methode, of het gebruik van sprintf
-achtige functies uit bibliotheken van derden.
De prestaties van template literals zijn over het algemeen vergelijkbaar met deze oudere methoden. Echter, de leesbaarheid en het vermogen om uitdrukkingen (zoals ${a * b}
) binnen strings op te nemen, maken template literals een sterke keuze voor ontwikkelaars.
Zie Ook
- MDN over Template Literals: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
- Stringconcatenatie in JavaScript: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/String_Operators
- Een geschiedenis van het JavaScript-module “ECMAScript”: https://www.ecma-international.org/publications-and-standards/standards/ecma-262/