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.

1. Template literals - MDN