Mehrzeilige Zeichenketten in JavaScript erstellen

Question

Ich habe den folgenden Code in Ruby. Ich möchte diesen Code in JavaScript umwandeln. Was ist der entsprechende Code in JS?

text = <<"HERE"
This
Is
A
Multiline
String
HERE

Answer 1

Genau

Rubinrot produzieren : "This\nIs\nA\nMultiline\nString\n" - unten JS produzieren genau die gleiche Zeichenfolge

text = `This
Is
A
Multiline
String
`

// TEST
console.log(JSON.stringify(text));
console.log(text);

Dies ist eine Verbesserung gegenüber Lonnie Beste Antwort weil die Zeilenumbrüche in seiner Antwort nicht genau die gleiche Position haben wie in der Ruby-Ausgabe

Answer 2

Das Äquivalent in javascript ist:

var text = `
This
Is
A
Multiline
String
`;

Hier ist die Spezifikation . Siehe Browserunterstützung am Ende dieser Seite Seite . Hier sind einige Beispiele auch.

Answer 3

Dies funktioniert in IE, Safari, Chrome und Firefox:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<div class="crazy_idea" thorn_in_my_side='<table  border="0">
                        <tr>
                            <td ><span class="mlayouttablecellsdynamic">PACKAGE price $65.00</span></td>
                        </tr>
                    </table>'></div>
<script type="text/javascript">
    alert($(".crazy_idea").attr("thorn_in_my_side"));
</script>

Answer 4

Zusammenfassend habe ich 2 hier aufgeführte Ansätze in der Benutzer-Javascript-Programmierung (Opera 11.01) ausprobiert:

• Das hier hat nicht funktioniert: Mehrzeilige Zeichenketten in JavaScript erstellen
• das hat ziemlich gut funktioniert, ich habe auch herausgefunden, wie man es in der Notepad++ Quelltextansicht gut aussehen lässt: Mehrzeilige Zeichenketten in JavaScript erstellen

Ich empfehle daher den Arbeitsansatz für Opera-Benutzer JS-Benutzer. Im Gegensatz zu dem, was der Autor sagte:

Es funktioniert nicht mit Firefox oder Opera, sondern nur mit IE, Chrome und Safari.

Es funktioniert in Opera 11. Zumindest in Benutzer-JS-Skripten. Schade, dass ich die einzelnen Antworten nicht kommentieren oder hoch bewerten kann, das würde ich sofort tun. Wenn möglich, jemand mit höheren Privilegien tun Sie es bitte für mich.

Answer 5

Meine Erweiterung zu https://stackoverflow.com/a/15558082/80404 . Er erwartet einen Kommentar in der Form /*! any multiline comment */ wobei das Symbol ! verwendet wird, um das Entfernen durch Minification zu verhindern (zumindest für den YUI-Kompressor)

Function.prototype.extractComment = function() {
    var startComment = "/*!";
    var endComment = "*/";
    var str = this.toString();

    var start = str.indexOf(startComment);
    var end = str.lastIndexOf(endComment);

    return str.slice(start + startComment.length, -(str.length - end));
};

Ejemplo:

var tmpl = function() { /*!
 <div class="navbar-collapse collapse">
    <ul class="nav navbar-nav">
    </ul>
 </div>
*/}.extractComment();