javascript / intermediate
Snippet
Tagged Template Literals
Tagged Templates ermöglichen die Verarbeitung von Template-Literalen durch eine benutzerdefinierte Funktion. Die Funktion erhält die statischen String-Teile und die Ergebnisse der dynamischen Ausdrücke als separate Argumente.
snippet.js
1
2
3
4
5
6
function highlight(strings, ...values) {return strings.reduce((acc, str, i) =>`${acc}${str}<mark>${values[i] || ''}</mark>`, '');}const name = 'Gemini';const output = highlight`Hello, ${name}!`;
Erklärung
1
function highlight(strings, ...values) {
Eine Tag-Funktion, bei der 'strings' ein Array von Literalen ist und 'values' die interpolierten Ausdrücke enthält.
2
highlight`Hello, ${name}!`;
Ruft die Tag-Funktion auf, indem sie direkt vor das Template-Literal gesetzt wird.