如何在 JavaScript 中将字符串分解为多行代码？

Question

JavaScript 中是否有一个字符可以分解一行代码，以便即使在新行上也可以将其读取为连续的？

就像是....

1. alert ( "Please Select file   
2. \ to delete" );

Answer 1

在您的示例中，您可以将字符串分成两部分：

alert ( "Please Select file"
 + " to delete");

或者，当它是一个字符串时，就像您的情况一样，您可以使用 反斜杠 正如 @Gumbo 建议的：

alert ( "Please Select file\
 to delete");

请注意，这种反斜杠方法是 不一定是首选，并且可能没有得到普遍支持（我很难找到这方面的硬数据）。 ECMA 5.1 中不规格。

当使用其他代码（不在引号中）时，换行符将被忽略，并且完全可以接受。 例如：

if(SuperLongConditionWhyIsThisSoLong
  && SuperLongConditionOnAnotherLine
  && SuperLongConditionOnThirdLineSheesh)
{
    // launch_missiles();
}

Answer 2

将反斜杠放在行尾：

alert("Please Select file\
 to delete");

---

编辑    我必须注意，这不是 ECMAScript 字符串 为 行终止字符 根本不允许：

“LineTerminator”字符不能出现在字符串文字中，即使前面有反斜杠 \。 使行终止符成为字符串文字的字符串值一部分的正确方法是使用转义序列，例如 \n 或 \u000A。

所以使用字符串连接是更好的选择。

---

更新 2015-01-05     ECMAScript5 中的字符串文字 允许上述语法：

行终止符不能出现在字符串文字中，除非作为 LineContinuation 的一部分来生成空字符序列。 使行终止符成为字符串文字的 String 值一部分的正确方法是使用转义序列，例如 \n 或 \u000A。

Answer 3

ECMAScript 6 引入了模板字符串：

模板字符串是允许嵌入表达式的字符串文字。
您可以使用多行字符串和字符串插值功能
他们。

例如：

alert(`Please Select file   
to delete`);

会提醒：

Please Select file   
to delete

Answer 4

将绳子分成两段

alert ("Please select file " +
       "to delete");

Answer 5

值得注意的是。 尝试过：

alert("Some \
    string \
    wrapped \
    across \
    mutliples lines.")

这有效。 然而，意外的是，最后一个反斜杠后面有一个空格字符（所有其他反斜杠都在行尾）。 这导致了 javascript 的错误！ 不过，删除这个空格可以修复错误。

这是使用 Cordova 的 Android ADT。

Answer 6

你可以使用

1:  alert("Please select file" +
2:        " to delete");

那应该可以

Answer 7

您可以将长字符串常量分解为逻辑块并将它们分配到数组中。 然后使用空字符串作为分隔符进行join。

var stringArray = [
  '1. This is first part....',
  '2. This is second part.....',
  '3. Finishing here.'
];

var bigLongString = stringArray.join('');
console.log(bigLongString);

输出将是：

1. 这是第一部分......2。 这是第二部分......3。 到这里就结束了。

这种方式会稍微影响性能，但会提高代码的可读性和可维护性。

Answer 8

反斜杠运算符不可靠。 尝试将此函数粘贴到浏览器控制台中：

function printString (){
  const s = "someLongLineOfText\
  ThatShouldNotBeBroken";
  console.log(s);
}

然后运行它。 由于函数内的常规（且正确）缩进，将包含两个额外的空格，从而导致 someLongLineOfText ThatShouldNotBeBroken。

在这种情况下，即使使用反引号也无济于事。 始终使用串联“+”运算符来防止此类问题。

Answer 9

如果字符串分解为多行导致问题，这里是 VSCode 用户的一个很好的解决方案 （当我必须测试长 JWT 令牌时，我遇到了这个问题，并且不知何故使用模板文字并没有解决问题。）

Answer 10

我尝试了上述一些建议，但在 Chrome 代码检查器中收到了非法字符警告。 以下内容对我有用（尽管只在 Chrome 中进行了测试！）

alert('stuff on line 1\\nstuff on line 2);

结果就像...

stuff on line 1
stuff on line 2

注意双反斜杠！！...这似乎很重要！

Answer 11

无需手动中断代码。
只需在要中断的地方添加 \n 即可。

alert ("Please Select file \n to delete");

这将显示如下警报

Please select file 
to delete.