JS Howa to deklarieren Sie eine Zeichenfolge über mehrere Zeilen

Ich wurde kürzlich gefragt, wie man Multiline -Saiten in JQuery deklariert. Tatsächlich ist dies nur ein einfaches JavaScript. Fügen Sie nach jeder Zeile einfach einen Escape -Charakter -Backslash hinzu. Wie Sie sehen können, fügen wir am Ende jeder Zeile nur einen Backslash hinzu, um dem Dolmetscher zu sagen, dass er Teil derselben langen Zeichenfolge ist.

var textFromChris = "me:  we lunchin?\
 Sent at 11:34 AM on Friday\
 me:  sure\
 Sent at 11:58 AM on Friday\
 chris:  T=12.30\
 Sent at 12:07 PM on Friday";
var timeRegex = /T=([0-9.]+)/gm;
//timeRegex.compile(timeRegex);  // 这行代码在现代 JavaScript 中是多余的
console.dir(timeRegex.exec(textFromChris));

Häufiger Fehler: SyntaxError: Unterminierte String -Literalkompatibilität: Tests zeigen, dass es in allen wichtigen Browsern funktioniert, einschließlich IE 6. Offensichtlich können wir das gleiche Ergebnis durch andere Methoden erzielen. Wir können die Saiten einfach in diese Weise aufteilen, dann spielt es keine Rolle, ob sie in getrennten Linien deklariert werden.

var textFromChris = "me:  we lunchin?" +
 "Sent at 11:34 AM on Friday" +
 "me:  sure" +
 "Sent at 11:58 AM on Friday" +
 "chris:  T=12.30" +
 "Sent at 12:07 PM on Friday";
var timeRegex = /T=([0-9.]+)/gm;
//timeRegex.compile(timeRegex); // 这行代码在现代 JavaScript 中是多余的
console.dir(timeRegex.exec(textFromChris));

häufig gestellte Fragen zum Deklarieren von Strings, die mehrere Zeilen in JavaScript (FAQ) verteilt

Was bringt es, Backticks (`) in JavaScript für Multi-Line-Zeichenfolgen zu verwenden?

Backticks (`) in JavaScript werden verwendet, um Vorlagenliterale zu definieren, eine neue in ES6 eingeführte Funktion. Mit Vorlagen -Literalen können Sie Strings über mehrere Zeilen deklarieren, ohne herkömmliche String -Verkettungsmethoden zu verwenden. Dies macht Ihren Code prägnanter und leicht zu lesen. Zum Beispiel können Sie eine Multiline -Zeichenfolge wie folgt deklarieren:

let multilineString = `This is a
multiline
string`;

Wenn Sie diese Zeichenfolge bei der Konsole protokollieren, behält sie die Zeilenumbrüche bei, sodass sie zu einer nützlichen Funktion für die Formatierung von Text in JavaScript ist.

Wie fügt ich Variablen in eine Multi-Line-Zeichenfolge in JavaScript ein?

Mit der Einführung von Template-Literalen in ES6 können Sie leicht Variablen in Multi-Line-Zeichenfolgen unter Verwendung der ${} -Syntax aufnehmen. Dies wird als String -Interpolation bezeichnet. Hier ist ein Beispiel:

let name = 'John';
let multilineString = `Hello,
${name}`;

In diesem Fall wird der variable Name in der Ausgabezeichenfolge durch seinen Wert ('John') ersetzt.

Kann ich eine String -Verkettung verwenden, um Multiline -Zeichenfolgen in JavaScript zu erstellen?

Ja, Sie können den Bediener mit dem Bediener verwenden, um Zeichenfolgen zu verkettet und Multi-Line-Zeichenfolgen in JavaScript zu erstellen. Dieser Ansatz kann jedoch dazu führen, dass Ihr Code insbesondere für lange Saiten überfüllt aussieht. Hier ist ein Beispiel:

let multilineString = 'This is a ' +
'multiline ' +
'string';

Jede Zeichenfolge befindet sich in einer neuen Zeile, aber Sie müssen am Ende jeder Zeile einen Speicherplatz einfügen, um den richtigen Abstand in der endgültigen Zeichenfolge zu gewährleisten.

Gibt es einen Leistungsunterschied zwischen der Erstellung von Multiline -Zeichenfolgen mit Backticks und String -Verkettung?

In den meisten Fällen ist der Leistungsunterschied zwischen Backticks (Vorlagenliterale) und String -Verkettung vernachlässigbar. Template -Literale können jedoch schneller und effizienter sein, wenn sie mit großen Zeichenfolgen oder komplexen Vorgängen wie String -Interpolation ausführen.

Wie füge ich JavaScript -Zeichenfolgen Neulinge hinzu?

Sie können die Escape -Sequenz 'n' verwenden, um JavaScript -Zeichenfolgen Neulinge hinzuzufügen. Dieser Charakter bewirkt einen Linienbrecher, der mit einzelnen, doppelten und backquoten verwendet werden kann. Zum Beispiel:

let string = 'Hello, \nWorld!';

In diesem Fall wird "Welt!"

Kann ich in allen Browsern Vorlagenliterale verwenden?

Vorlagenliterale sind Teil von ES6 und werden in allen modernen Browsern, einschließlich Chrom, Firefox, Safari und Edge, unterstützt. Sie werden jedoch im Internet Explorer nicht unterstützt. Wenn Sie IE unterstützen müssen, sollten Sie eine String -Verkettung oder Newline 'n' verwenden, um mehriline Zeichenfolgen zu erstellen.

Wie kann man Ausdrücke in JavaScript -Zeichenfolgen einbeziehen?

Verwenden von Template -Literalen können Sie die ${} -Syntax verwenden, um Ausdrücke direkt in die Zeichenfolge aufzunehmen. Der Ausdruck wird bewertet und das Ergebnis in die Zeichenfolge eingefügt. Zum Beispiel:

var textFromChris = "me:  we lunchin?\
 Sent at 11:34 AM on Friday\
 me:  sure\
 Sent at 11:58 AM on Friday\
 chris:  T=12.30\
 Sent at 12:07 PM on Friday";
var timeRegex = /T=([0-9.]+)/gm;
//timeRegex.compile(timeRegex);  // 这行代码在现代 JavaScript 中是多余的
console.dir(timeRegex.exec(textFromChris));

In diesem Fall wird "die Summe ist: 15" gedruckt.

Kann ich Vorlagenliterale in JavaScript nisten?

Ja, Sie können Template -Literale in JavaScript nisten. Dies kann nützlich sein, wenn Sie komplexe Zeichenfolgen erstellen müssen. Hier ist ein Beispiel:

var textFromChris = "me:  we lunchin?" +
 "Sent at 11:34 AM on Friday" +
 "me:  sure" +
 "Sent at 11:58 AM on Friday" +
 "chris:  T=12.30" +
 "Sent at 12:07 PM on Friday";
var timeRegex = /T=([0-9.]+)/gm;
//timeRegex.compile(timeRegex); // 这行代码在现代 JavaScript 中是多余的
console.dir(timeRegex.exec(textFromChris));

Kann ich Vorlagenliterale mit Funktionen in JavaScript verwenden?

Ja, Sie können Vorlagenliterale mit Funktionen in JavaScript verwenden. Dies nennt man die Tag -Vorlage wörtlich. Mit Literalen mit Tag -Vorlagen können Sie Vorlagenliterale mit Funktionen analysieren. Der erste Parameter der Funktion enthält ein Array von Stringwerten, und der Rest hängt mit dem Ausdruck zusammen.

Wie kann man Backticks in Vorlagenliteralen entkommen?

Sie können Backticks in Template -Literalen mithilfe des Zeichens Backslash () entkommen. Zum Beispiel:

let multilineString = `This is a
multiline
string`;

In diesem Fall wird ein "Backtick" mit den Backtick -Markierungen gedruckt.

Diese überarbeitete Ausgabe befasst sich mit den identifizierten Problemen, liefert präzise Erklärungen und behält die ursprüngliche Bildformatierung und die Platzierung bei.

Das obige ist der detaillierte Inhalt vonJS Howa to deklarieren Sie eine Zeichenfolge über mehrere Zeilen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!