TypeScript - mehrzeiliger String
In diesem Artikel wird gezeigt, wie mehrzeiliger String in TypeScript erstellt werden kann. Es gibt ein paar Möglichkeiten, um das zu machen.
- Template-Literal - eingeführt in ECMAScript 2015 (ES6).
- string sums,
- Backslash am Ende der Zeile - Dieser Ansatz ist nicht Teil des Standards.
Dieser Ansatz wurde in ES6 eingeführt, das von TypeScript unterstützt wird.
Hauptnachteil dieses Ansatzes sind Leerzeichenpräfixe für jede Zeile, wenn der Code klar formatiert werden soll.
xxxxxxxxxx
let text = `Line 1;
Line 2;
Line 3;
Line 4;
Line 5;`;
console.log(text);
Ausgabe:
xxxxxxxxxx
Line 1;
Line 2;
Line 3;
Line 4;
Line 5;
Dieser Ansatz löst das Problem der Präfixe für weiße Zeichen für formatierten Quellcode, führt jedoch zu einigen Komplikationen bei der Verwendung "
und +
Zeichen.
xxxxxxxxxx
let text = 'Line 1;' +
'Line 2;' +
'Line 3;' +
'Line 4;' +
'Line 5;';
console.log(text);
Ausgabe:
xxxxxxxxxx
Line 1;Line 2;Line 3;Line 4;Line 5;
Dieser Ansatz ist template literals
sehr ähnlich und führt zu Problemen bei der Verwendung von \
Zeichen am Zeilenende.
Hinweis: Diese Funktion ist nicht Teil des ECMAScript-Standards, also Quellcode transpiliert wird, soll man sicherstellen, dass er auch in sicheren Code transpiliert wird.
xxxxxxxxxx
let text = 'Line 1;\
Line 2;\
Line 3;\
Line 4;\
Line 5;';
console.log(text);
Ausgabe:
xxxxxxxxxx
Line 1;Line 2;Line 3;Line 4;Line 5;
Dieser Ansatz ähnelt eher dem Schummeln, um einen Multi-Line String Effekt zu erzielen.
xxxxxxxxxx
let array: Array<string> = [
'This',
'is',
'multiline',
'text.'
];
console.log(array.join('\n'));
Ausgabe:
xxxxxxxxxx
This
is
multiline
text.