在 JavaScript 中编写多行字符串最简洁的方法是什么？

Question

它实际上不必添加换行符，只需添加可读的内容即可。

还有比这更好的吗？

str = "line 1" +
      "line 2" +
      "line 3";

Answer 1

与 NickFitz 的答案几乎相同：

var str = [""
    ,"line 1"
    ,"line 2"
    ,"line 3"
].join("");
// str will contain "line1line2line3"

不同之处在于，代码的可维护性稍高一些，因为可以对行进行重新排序，而无需考虑逗号在哪里。没有语法错误。

Answer 2

我喜欢这个版本（与您的版本不同，只是代码格式不同）：

var str = "line 1"
        + "line 2"
        + "line 3";

Answer 3

正如评论中提到

str = "\
line 1\
line 2\
line 3";

的，javascript 解析器可以很好地处理这个问题（它适用于所有主要浏览器），但不是 ECMA 脚本语法的正式部分。因此，它可能会也可能不会与压缩器、错误检查器一起工作，并且不保证在浏览器中工作。

这可能更具可读性，但并不是“最佳”方法。也许有一天 ECMA 脚本会支持像 c# 的 @"" 这样的东西。

Answer 4

供参考。
您建议的方式是正确的方式，并且比其他答案更好。 JsLint 仅验证您的版本。

Answer 5

var str = [
    "line 1",
    "line 2",
    "line 3"
].join("");
// str will contain "line1line2line3"

如果您确实想要在字符串中换行，请将 .join("") 替换为 .join("\n")/

Answer 6

始终如一。

无论您选择哪种方式，请在整个申请过程中以完全相同的方式进行。如果您正在开发一个已经编写了代码的应用程序，请接受他们设置的约定并遵循它。

Answer 7

是的！您可以使用\ 字符让 JavaScript 忽略行尾字符。

str = 'line 1 \
line 2 \
line 3';

然而，正如指出的Elzo Valugi，这不会使用 JSLint 进行验证。

Answer 8

这仅适用于支持 E4X 支持的浏览器 - 我希望我们可以在 IE 中使用它

var str = <><![CDATA[

   Look, a multi-line
   string! < " // ' ? &

]]></>.toString();

Answer 9

以下是在使用 Chrome 进行开发时可能会有所帮助的一项内容。

function FSTR(f) {
    // remove up to comment start and trailing spaces and one newline
    s = f.toString().replace(/^.*\/\* *\r?\n/,"");
    // remove the trailing */} with preceeding spaces and newline
    s = s.replace(/\n *\*\/\s*\}\s*$/,"")
    return s;
}

s = FSTR(function(){/*
uniform vec2 resolution;
uniform float time;

void main(void)
{
    vec2 p = -1.0 + 2.0 * gl_FragCoord.xy / resolution.xy;
    vec2 cc = vec2( cos(.25*time), sin(.25*time*1.423) );
    ...
    float color = sqrt(sqrt(dmin))*0.7;
    gl_FragColor = vec4(color,color,color,1.0);
}
*/});

尽管它可以在 Chrome 中使用，但它不适用于 Firefox。

示例用途是编写/测试 webgl 着色器。
在开发过程中，使用它会更好
稍后您可以随时使用简单的正则表达式来运行它
将该语法转换为跨浏览器版本。