Javascript - 如何代码中字符串换行书写

1.应用场景

主要用于了解前端项目字符串换行显示的一些书写方式. 

即可在源码换行书写, 实际上输出是单行, 也可以是实际输出也是多行显示.

2.学习/操作

Javascript中，字符串默认只能写在一行内，分成多行将会报错。
 

'a
b
c'
// SyntaxError: Unexpected token ILLEGAL

上面代码将一个字符串分成三行，JavaScript 就会报错。

 

如果长字符串必须分成多行，//只是源代码总多行显示

方式如下:

方式一:

可以在每一行的尾部使用反斜杠

var longString = 'Long \
long \
long \
string';

longString
// "Long long long string"
 

上面代码表示，加了反斜杠以后，原来写在一行的字符串，可以分成多行书写。

但是，输出的时候还是单行，效果与写在同一行完全一样。

注意，反斜杠的后面必须是换行符，而不能有其他字符（比如空格），否则会报错。

 

 

方式二:

连接运算符（+）可以连接多个单行字符串，将长字符串拆成多行书写，输出的时候也是单行。

var longString = 'Long '
  + 'long '
  + 'long '
  + 'string';

 

 

如果想输出多行字符串，

方式一:

利用多行注释的变通方法。

(function () { /*
line 1
line 2
line 3
*/}).toString().split('\n').slice(1, -1).join('\n')  //用到自执行函数
// "line 1
// line 2
// line 3"

方式二:

\n表示换行，输出的时候就分成了两行。

console.log('1\n2')
// 1
// 2
 

 

 

 

后续补充

...

3.问题/补充

1.关于JavaScript中的自执行函数,

即看着[顾名思义]不用调用, 便会执行.

具体: TBD

 

 

4.参考

https://wangdoc.com/javascript/types/string.html  //字符串

后续补充

...