如何在JavaScript中的多行代码中断字符串?

问题描述 投票:177回答:9

JavaScript中是否有一个字符可以分解一行代码,这样即使在新行上也可以将其读作连续代码?

就像是....

1. alert ( "Please Select file   
2. \ to delete" );
javascript line-breaks
9个回答
247
投票

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

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

或者,当它是一个字符串时,就像你的情况一样,你可以使用backslash作为@Gumbo建议:

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

请注意,这种反斜杠方法是not necessarily preferred,并且可能不受普遍支持(我无法在此找到硬数据)。它不在ECMA 5.1 spec

使用其他代码(不在引号中)时,会忽略换行符,并且完全可以接受。例如:

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

41
投票

将反斜杠放在行尾:

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

编辑我必须注意,这不是ECMAScript strings的一部分,因为line terminating characters根本不被允许:

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

因此使用字符串连接是更好的选择。


更新2015-01-05 String literals in ECMAScript5允许提到的语法:

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


28
投票

ECMAScript 6介绍了template strings

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

例如,

alert(`Please Select file   
to delete`);

会警觉

Please Select file   
to delete

6
投票

将字符串分成两部分

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

4
投票

有趣的是要注意。尝试:

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

这很有效。然而,在意外!,最后一个反斜杠后面有一个空格字符(所有其他反斜杠都在该行的末尾)。这导致了javascript中的错误!但是,删除此空间可以修复错误。

这是使用Cordova的ADT for Android。


1
投票

你可以使用

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

这应该工作


0
投票

您可以将长字符串常量分解为逻辑块并将它们分配到数组中。然后做一个空字符串作为分隔符的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。在这里完成。

这种方式有轻微的性能影响,但您获得了代码可读性和可维护性。


-2
投票

我尝试了上述一些建议,但在Chrome代码检查器中收到了ILLEGAL字符警告。以下内容适用于我(仅在Chrome中测试过!)

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

出来就像......

stuff on line 1
stuff on line 2

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


-5
投票

代码中无需任何手动中断。只需添加\ n您想要打破的位置。

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

这将显示警报

Please select file 
to delete.
© www.soinside.com 2019 - 2024. All rights reserved.