TypeScript:
Merkkijonon interpolointi
How to: (Kuinka tehdä:)
// Alustetaan muuttuja
let username: string = "Tuomas";
// Interpoloidaan string literalin sisällä
let greeting: string = `Hei, ${username}! Tervetuloa!`;
console.log(greeting); // Tulostaa: Hei, Tuomas! Tervetuloa!
Toinen esimerkki, jossa käytetään laskentaa:
let itemPrice: number = 19.95;
let taxRate: number = 0.24;
let finalPrice: string = `Tuotteen loppuhinta on: ${itemPrice * (1 + taxRate)} euroa.`;
console.log(finalPrice); // Tulostaa: Tuotteen loppuhinta on: 24.734 euroa.
Deep Dive (Syväsukellus)
Ennen kuin ECMAScript 2015 (ES6) toi template literals -ominaisuuden JavaScriptiin, kehittäjät käyttivät + operaattoria tai vanhempia menetelmiä stringien yhdistämiseen. Interpolointi vie kuitenkin vähemmän tilaa ja on helpommin ymmärrettävää.
Vaihtoehtoina interpoloinnille on yhä vanhan koulukunnan yhdistely plussa-operaattorilla tai String.concat-metodilla, tosin nämä tekevät koodista helposti sekavamman.
Implementaatiotasolla TypeScript kääntää interpoloidut stringit tavalliseen JavaScriptiin käyttäen template literals -syntaksia tai vanhempaa syntaksia, riippuen kohde-ympäristön tukemista ominaisuuksista.