解决 ECMAScript 2020 (ES11) 中断行符造成的错误问题
在 ECMAScript 2020 (ES11) 中，我们可能会遇到使用断行符 () 造成的错误问题。这种错误的表现形式为当我们在一行代码的末尾使用断行符时，代码会出现意想不到的错误。
下面我们将详细介绍这种错误的原因以及解决方法。
错误原因
在 ECMAScript 2020 (ES11) 中，我们可以使用断行符 () 将一行代码拆分为多个行。然而在某些情况下，如果我们在一行代码的末尾使用断行符，代码会出现意想不到的错误。
比如说，在以下代码中，我们使用断行符将一行代码拆分为了两行：
const str = '这是一段非常长的字符串，' + '我们希望将其拆分为多个行 ' + '以使其更易于阅读';
这段代码看起来应该是没有问题的，但是当我们遇到以下情况时，代码就会出现错误：
const str = '这是一段非常长的字符串，并且' + '字符串需要包含回车符和换行符' + '才能正确地显示在网页上';
这段代码看起来也应该是没有问题的，但实际上，当我们将这段代码复制到开发环境中时，会发现它出现了意想不到的错误：
SyntaxError: Unexpected token '才'…
造成这种错误的原因是，在 ECMAScript 2020 (ES11) 中，断行符将导致一个 Token 被拆分为多个部分。在上面的例子中，第二个字符串被拆分为了两个部分，并被视为两个 Token，因此导致了语法错误。
解决方法
为了避免这种错误的发生，我们可以使用以下两种方法来解决它：
方法一：使用模板字符串
在 ECMAScript 2020 (ES11) 中，我们可以使用模板字符串来将一行代码拆分为多个行。与断行符不同的是，模板字符串不会影响字符串的 Token 结构。
修改上面的代码如下：
const str = `这是一段非常长的字符串，并且 字符串需要包含回车符和换行符 才能正确地显示在网页上`;
这段代码可以正常地执行，因为模板字符串不会影响字符串的 Token 结构，所以避免了出现语法错误的情况。
方法二：使用括号将代码分组
在 ECMAScript 2020 (ES11) 中，我们可以使用括号将代码分组，这样即使我们在一行代码的末尾使用断行符，也不会对 Token 结构造成影响。
修改上面的代码如下：
const str = '这是一段非常长的字符串，并且' +
('字符串需要包含回车符和换行符' +
'才能正确地显示在网页上');这段代码也可以正常地执行，因为我们使用括号将字符串分组，并且在分组的字符串中使用断行符，避免了出现语法错误的情况。
总结
在 ECMAScript 2020 (ES11) 中，使用断行符 () 可能会导致意想不到的错误。为了避免这种错误的发生，我们可以使用模板字符串或者使用括号将代码分组的方法来解决它。这种错误的解决方法不仅对于 ECMAScript 2020 (ES11) 有指导意义，也可以更好的提高我们的代码质量和可读性。
示例代码
此处演示的是上文中提到的两种解决方法：
-- -------------------- ---- ------- -- ------- ----- ---- - --------------- -------------- ------------- -- --------- ----- ---- - ---------------- - ----------------- - ---------------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6476f007968c7c53b0387db1