在JavaScript中创建多行字符串

我在Ruby中有以下代码。我想把这段代码转换成JavaScript。JS中的等效代码是什么？

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

当前回答

出于对互联网的热爱，请使用字符串连接，并选择不使用ES6解决方案。ES6并不是全面支持的，很像CSS3，某些浏览器适应CSS3的移动速度很慢。使用简单的JavaScript，您的最终用户将感谢您。

例子：

var str=“这个世界既不是平的，也不是圆的。”+“一旦丢失将被发现”；

2017-10-11 23:28:47

其他回答

这适用于IE、Safari、Chrome和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>

2010-11-23 16:46:29

在JavaScript中打印多行字符串的一种简单方法是使用由反引号（``）表示的模板文本（模板字符串）。还可以在模板字符串中使用变量，如（“name is$｛value｝”）

你也可以

常量值=`multiline`const text=`这是一个$｛value｝js中的字符串`；console.log（文本）；

2022-03-02 17:26:01

有这样一个图书馆，它很漂亮：

https://github.com/sindresorhus/multiline

之前

var str = '' +
'<!doctype html>' +
'<html>' +
'   <body>' +
'       <h1>❤ unicorns</h1>' +
'   </body>' +
'</html>' +
'';

之后

var str = multiline(function(){/*
<!doctype html>
<html>
    <body>
        <h1>❤ unicorns</h1>
    </body>
</html>
*/});

2014-04-25 11:34:57

您可以使用TypeScript（JavaScript SuperSet），它支持多行字符串，并将文件向下转换为纯JavaScript而无需开销：

var templates = {
    myString: `this is
a multiline
string` 
}

alert(templates.myString);

如果您想用普通JavaScript实现同样的功能：

var templates = 
{
 myString: function(){/*
    This is some
    awesome multi-lined
    string using a comment 
    inside a function 
    returned as a string.
    Enjoy the jimmy rigged code.
*/}.toString().slice(14,-3)

}
alert(templates.myString)

请注意，iPad/Safari不支持“functionName.toString（）”

如果您有很多遗留代码，也可以在TypeScript中使用纯JavaScript变量（用于清理）：

interface externTemplates
{
    myString:string;
}

declare var templates:externTemplates;

alert(templates.myString)

您可以使用普通JavaScript变体中的多行字符串对象，将模板放入另一个文件中（可以合并到捆绑包中）。

您可以在以下位置尝试TypeScripthttp://www.typescriptlang.org/Playground

2015-09-21 15:23:33

我想我发现了另一种方法，可以在没有任何侵入性语法的情况下，在每一行中内联执行。使用Javascript将函数转换为字符串并使用/**/语法创建多行注释，然后删除“function（）｛/*\n”和“\n*/｝”。

var multiline = function(string) { return string.toString().replace(/(^[^\n]*\n)|(\n\*\/\})/g, ""); };

console.log(multiline(function() {/*
Hello world!
I'm a multiline string!

Tada!
*/}));

我能看到的唯一缺陷是语法高亮显示。

编辑：如果我再向下滚动一点，我会看到这个答案完全一样：https://stackoverflow.com/a/5571069/916553

2013-08-27 17:05:18

在JavaScript中创建多行字符串

推荐文章

最新文章

标签