将长模板文本行换行为多行，而不在字符串中创建新行

javascript ecmascript-6 template-literals

2022-08-30 00:58:48

在es6模板文本中，如何在不创建字符串中的新行的情况下将长模板文本包装为多行？

例如，如果您这样做：

const text = `a very long string that just continues
and continues and continues`

然后，它将为字符串创建一个新的线符号，将其解释为具有新行。如何在不创建换行符的情况下将长模板文本包装为多行？

答案 1

如果在文本中的换行符点引入行继续符（），则不会在输出时创建换行符：\

const text = `a very long string that just continues\
and continues and continues`;
console.log(text); // a very long string that just continuesand continues and continues

答案 2

这是一个古老的问题。但它出现了。如果您在编辑器中留下任何空格，它将把它们放在那里。

if
  const text = `a very long string that just continues\
  and continues and continues`;

只需做正常 +符号

if
  const text = `a very long string that just continues` +
  `and continues and continues`;