Anführungszeichen in JavaScript verstehen und verwenden

In JavaScript können Sie Anführungszeichen verwenden, um Zeichenfolgen zu definieren, entweder fest codierte Zeichenfolgen im Programmcode oder aus Benutzereingaben verarbeitete Zeichenfolgen. Um dies zu erreichen, können Sie einfache oder doppelte Anführungszeichen verwenden. Seit Kurzem gibt es auch Vorlagenliterale. Letzteres kann Sie beim ersten Gebrauch aus der Fassung bringen. Dennoch soll dieser Artikel sicherstellen, dass Sie wissen, wann und wie Sie Anführungszeichen in JavaScript verwenden und welche häufigen Fallstricke Sie vermeiden müssen.

Einfache Anführungszeichen vs. doppelte Anführungszeichen in JavaScript

Der Unterschied zwischen einfachen und doppelten Anführungszeichen in JavaScript besteht in den Zeichen, die sie darstellen. Bei einfachen Anführungszeichen ist es „string“ und bei doppelten Anführungszeichen ist es „string“. Beide gelten für die Definition von Strings in JavaScript und funktionieren in den meisten Fällen ähnlich.

Im Folgenden finden Sie Codebeispiele, die zeigen, wie einfache und doppelte Anführungszeichen in JavaScript verwendet werden:

let single_quoted = 'Hello, World!';
let double_quoted = "Hello, World!";

Wann sollten einfache oder doppelte Anführungszeichen verwendet werden?

Das hängt von den Vorlieben ab, aber es lohnt sich, in Ihrer Codebasis konsistent zu sein. Wenn Sie also einfache Anführungszeichen verwenden, verwenden Sie diese durchgehend. Das Gleiche gilt, wenn Sie sich für doppelte Anführungszeichen entscheiden. Unabhängig von Ihrer Wahl denken Sie daran, wenn eine Zeichenfolge einfache oder doppelte Anführungszeichen enthält, verwenden Sie die anderen, um Escapezeichen zu vermeiden.

Zum Beispiel:

let sentence = "It's a wonderful day!";
let quote = 'He said, "Hello!"';

Aus dem obigen Code geht hervor, dass die Satzvariable eine Zeichenfolge mit einfachen Anführungszeichen enthält. Daher ist es am besten, sie in doppelte Anführungszeichen zu setzen, um einen Syntaxfehler zu vermeiden. In der Zwischenzeit enthält das Anführungszeichen eine Zeichenfolge mit doppelten Anführungszeichen, daher verwenden wir einfache Anführungszeichen, um die gesamte Zeichenfolge einzuschließen, um einen Syntaxfehler zu verhindern.

Umgang mit verschachtelten Anführungszeichen und Escape-Zeichen

Verschachtelte Anführungszeichen können, wenn sie nicht richtig gehandhabt werden, zu Syntaxfehlern führen (mehr dazu später). Um dies zu umgehen, können Sie Anführungszeichen mit dem Backslash-Zeichen maskieren. Zu viel davon kann jedoch zu Problemen bei der Lesbarkeit führen.

Im folgenden Code wird beispielsweise die gesamte Zeichenfolge in einfache Anführungszeichen gesetzt. In der Zwischenzeit enthält die Zeichenfolge ein weiteres einfaches Anführungszeichen, das wir mit dem Backslash-Zeichen maskieren.

let escaped = 'She said, "It\'s a wonderful world!"';
console.log(escaped);

Häufige Fallstricke und Tipps zum Debuggen

Die meisten modernen Code-Editoren sollten hervorheben, wenn Ihr Code nicht übereinstimmende Anführungszeichen enthält, damit Sie den Fehler erkennen können, bevor Sie Ihren Code ausführen. Dennoch möchte ich ein Erlebnis mit Ihnen teilen.

Es war einmal, als ich ein SEO-Tool benutzte, das mir beibrachte, wie wichtig es angesichts der Funktionsweise der Anwendung ist, die richtigen Zitate zu verwenden. Dieses SEO-Tool zeigt Schlüsselwörter an, die Ihnen zur Verwendung im Artikel empfohlen werden, und Sie können diejenigen löschen, die Sie nicht möchten.

Wenn das Schlüsselwort jedoch einfache Anführungszeichen enthält, können Sie es nicht löschen. Ich war darüber erstaunt, also öffnete ich die Entwicklertools und stellte fest, dass die Funktion, die das Löschen der Schlüsselwörter verwaltete, diese Schlüsselwörter in einfachen Anführungszeichen akzeptierte.

Zum Beispiel delete_keywords('eingehendes Schlüsselwort'). Wenn das eingehende Schlüsselwort ein einfaches Anführungszeichen enthält, wird die Funktion daher zu delete_keywords('eingehendes' Schlüsselwort'), was zu einem Syntaxfehler führt. Hätte der Entwickler des Tools damit gerechnet, hätte er doppelte Anführungszeichen verwendet, um das eingehende Schlüsselwort einzuschließen.

Vorlagenliterale: Eine moderne Alternative

Vorlagenliterale in JavaScript werden mit Backticks gekennzeichnet. Sie werden häufig für komplexe oder Zeichenfolgen bevorzugt und können zum Einbetten von Variablen ohne Verkettung verwendet werden. Für Letzteres müssen Sie es in ein Dollarzeichen und geschweifte Klammern einbinden.

Zum Beispiel:

let single_quoted = 'Hello, World!';
let double_quoted = "Hello, World!";

Abschluss

Seien Sie konsistent, unabhängig davon, welche Anführungszeichen Sie verwenden. Wenn Sie ein Anführungszeichen mit dem Backslash-Zeichen maskieren müssen, übertreiben Sie es nicht. Wenn Sie schließlich komplexe Zeichenfolgen verarbeiten möchten, können Sie die Vorlagenliterale verwenden.

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