Heim > Web-Frontend > js-Tutorial > Wie weise ich Variablen in JavaScript mehrzeilige Zeichenfolgen zu?

Wie weise ich Variablen in JavaScript mehrzeilige Zeichenfolgen zu?

Mary-Kate Olsen
Freigeben: 2024-12-29 20:18:10
Original
598 Leute haben es durchsucht

How Do I Assign Multiline Strings to Variables in JavaScript?

Mehrzeilige String-Literale Variablen in JavaScript zuweisen

In Ruby können Sie ein Here-Dokument verwenden, um ein mehrzeiliges String-Literal zu kennzeichnen. Das Konvertieren dieser Syntax in JavaScript kann schwierig sein, da JavaScript Here-Dokumente von Natur aus nicht unterstützt.

Update: ES6-Vorlagenliterale

ECMAScript 6 (ES6) führte Vorlagenliterale ein, die Mehrzeilen ermöglichen Saiten. Diese Literale sind in Backticks (`) eingeschlossen und unterstützen Variableninterpolation und andere Funktionen:

var html = `
  <div>
    <span>Some HTML here</span>
  </div>
`;
Nach dem Login kopieren

ES6-Vorlagenliterale bieten die einfachste und eleganteste Lösung für mehrzeilige Zeichenfolgen.

Original-ES5-Lösung

Vor ES6 verfügte JavaScript über keine integrierte Here-Dokument-Syntax. Sie könnten jedoch mehrzeilige Zeichenfolgen annähern, indem Sie Zeilenumbrüche mit dem Backslash-Zeichen maskieren, etwa so:

"foo \
bar"
Nach dem Login kopieren

Obwohl diese Methode nicht so praktisch ist wie ES6-Vorlagenliterale, war sie vor ihrer Einführung der Standardansatz.

Das obige ist der detaillierte Inhalt vonWie weise ich Variablen in JavaScript mehrzeilige Zeichenfolgen zu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage