Zeilenende in JavaScript

Ich habe heute viel von heute mit Linienenden in JavaScript gekämpft und schließlich einige Ergebnisse erzielt, die es wert sind, geteilt zu werden - wenn auch nur, um andere Entwickler vor dem gleichen Debugging Black Loch zu retten.

Wie Sie vielleicht wissen, hat der bescheidene Linienbruch tatsächlich drei Formen, je nachdem, welches Betriebssystem das Brechen ausführt. Auf Unix -Maschinen erledigt ein einzelner neuer Charakter „N“ den Job. Auf Macs wird eine Kutschenrendite "R" verwendet. DOS und Windows verwenden beide: "RN". Es ist eines dieser relativ subtilen Probleme, die Sie hart beißen können, wenn Sie nicht wissen, worauf Sie achten sollen.

Heute wurde ich mit dem einfachen Problem der Erstellung einer JavaScript -Funktion beauftragt, einzelne Newlines in Doppelzeilen innerhalb eines Textbereichs zu machen. Mein erster Versuch sah so aus:

var douBlenewLinesre = /([^n]) n ([^n]) /g; Funktion doubleewlines (obj) { obj.value = obj.value.replace (doubleewlinesre, "$ 1nn $ 2"); } Doppelte Newlines

Der obige Code verwendet einen einfachen regulären Ausdruck, der alle Instanzen von etwas findet, das keine neue Linie ist, gefolgt von einer neuen Linie, gefolgt von etwas anderem, das keine neue Linie ist. Instanzen dieses Muster

Dies hat in Firefox sowohl unter Windows, Linux als auch in Mac gut funktioniert, da Firefox Newlines als „n“ behandelt, egal auf welcher Plattform es sich um die Plattform handelt. Es brach bei IE für Windows und IE für Macintosh aus, weil diese Browser "RN" und "R" verwenden.

fair genug. Die übliche Lösung für dieses Problem besteht darin, die Linienende vor dem Ausführen der Umwandlung zu normalisieren, indem jede der drei Kombinationen durch das einzelne Ende Ihrer Präferenz (in meinem Fall „n“) ersetzt wird. Hier ist mein zweiter Versuch bei der Funktion:

Funktion doubleewlines (obj) { obj.value = obj.value.replace (/(rn | r | n)/g, 'n'); obj.value = text.replace (DouBleNewLinesre, "$ 1nn $ 2"); }

Das hat auch nicht funktioniert. Nachdem ich viel Kopfkratzen, Debuggen und Stupsen mit Warnkäfern, entdeckte ich schließlich eine undokumentierte und fast dauerhafte „Funktion“ von Internet Explorer: Wenn Sie dem Wertattribut eines Eingabefiels eine Zeichenfolge zuweisen, konvertiert er die Plattformpräferenz stillschweigend. Die Dokumentation von Microsoft bemerkt dies nicht, aber ich habe bestätigt, dass dies sowohl unter Windows- als auch in Mac -Versionen von Internet Explorer geschieht.

Bizzarely, wenn Sie dem Wertattribut eines versteckten Formularfeldobjekts zuweisen, findet keine Konvertierung statt. Die Zeilenende werden nur geändert, wenn Sie einem Textbereich zuweisen.

Der folgende Code, obwohl er scheinbar identisch mit dem gerade aufgeführten Code identisch ist, tut genau das, was ich tun soll:

Funktion doubleewlines (obj) { var text = obj.value; text = text.replace (/(rn | r | n)/g, 'n'); obj.value = text.replace (DouBleNewLinesre, "$ 1nn $ 2"); }

Dies funktioniert einwandfrei, da die normalisierte Version einer Variablen zugeordnet ist, anstatt direkt dem Wertspartungsattribut des Textbereichs zugewiesen zu sein.

Schließlich eine Notiz zum Stil. Wenn ich über die Wiederverwendung von Code nachgedacht hätte, anstatt schnell daran zu arbeiten, ein Problem zu lösen, hätte ich wahrscheinlich so etwas gefunden:

Funktion doubleewlines (text) { text = text.replace (/(rn | r | n)/g, 'n'); return text.replace (doubleNewLinesre, "$ 1nn $ 2"); } Doppelte Newlines

Obwohl es im Onclick -Handler ein bisschen mehr Code erfordert, hätte ich das Problem der seltsamen Linien -Ending -Konvertierung vollständig vermieden. Trotzdem habe ich zumindest ein Verständnis eines anderen von IEs kleinen Macken vermerkt.

häufig gestellte Fragen (FAQs) zu Zeilenenden in JavaScript

Welche Bedeutung haben die Zeilenende in JavaScript? In JavaScript wird jede Aussage durch ein Semikolon (;) getrennt. JavaScript -Dolmetscher sind jedoch intelligent genug, um am Ende der Zeilen automatisch Semikolonen einzufügen, wenn sie fehlen. Diese Funktion wird als automatische Semikolon -Einfügung (ASI) bezeichnet. Trotzdem gilt es für eine gute Praxis, Semikolons manuell einzubeziehen, um potenzielle Fehler oder unerwartete Ergebnisse zu vermeiden.

Wie kann ich eine neue Zeile in JavaScript hinzufügen? Die Escape -Sequenz für eine neue Linie ist „N“. Wenn Sie beispielsweise eine neue Linie zwischen zwei Sätzen hinzufügen möchten, können Sie es so tun: "Hellonworld". Wenn diese Zeichenfolge gedruckt wird, werden „Hallo“ und „Welt“ in getrennten Zeilen sein. Sie werden jedoch je nach Betriebssystem unterschiedlich verwendet. „N“ wird als Newline-Zeichen in UNIX-basierten Systemen (wie Linux und Mac) verwendet, während „RN“ in Windows verwendet wird. Das 'R "-Scharakter repräsentiert eine Wagenrendite, die den Cursor zum Beginn der Linie bewegt, ohne in die nächste Zeile vorzugehen. Zum Beispiel wird „Hellonnworld“ zwei Zeilenpausen zwischen „Hallo“ und „Welt“ hinzufügen.

Kann ich HTML -Tags für Zeilenpausen in JavaScript verwenden? Das "

" -Tag kann verwendet werden, um einen Zeilenumbruch hinzuzufügen. Zum Beispiel wird „Hallo

World“ eine Zeilenpause zwischen „Hallo“ und „Welt“ hinzufügen, wenn sie in einem HTML -Dokument angezeigt wird. Einzelzeilen-Kommentare in JavaScript beginnen mit "//" und enden in der Zeilenpause. Alles nach „//“ in derselben Zeile wird als Kommentar angesehen und vom JavaScript -Interpreter ignoriert. Diese Sequenz fügt ein neues Zeilenzeichen in die Zeichenfolge ein und erstellt effektiv einen Zeilenumbruch. Dies bedeutet, dass JavaScript es dennoch richtig interpretiert, wenn Sie vergessen, ein Semikolon am Ende einer Anweisung zu platzieren. Die ordnungsgemäße Verwendung von Zeilenenden kann Ihren Code lesbarer und leichter zu pflegen. Es ist üblich, eine neue Zeile für jede Anweisung oder nach einem Codeblock (wie einer Funktion oder Schleife) zu starten. Sie können sich jedoch auch die Ausführung des Codes in Bezug auf die automatische Semikoloninsertion (ASI) auswirken. Wenn eine Linie -Endung falsch platziert wird, kann dies zu unerwarteten Ergebnissen führen, da die Semikolone automatisch eingesetzt werden. Daher ist es wichtig, Linienenden korrekt zu verstehen und zu verwenden.

Das obige ist der detaillierte Inhalt vonZeilenende in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!