在 JavaScript 中，换行符不起作用的原因有两点：1. ASI 机制自动插入分号，将换行解释为语句结束；2. 字符串常量中的换行符被视为字符串的一部分。此外，解决方法包括使用 HTML 元素、CSS 属性或多行字符串模板实现换行。
JS 中换行符不起作用的原因
在 JavaScript 中，人们通常使用换行符字符（如 \n 或 \r\n）来换行。但是，这些字符通常在 JavaScript 中不起作用。
原因如下：
- 自动分号插入 (ASI)： JavaScript 具有 ASI 机制，它将在语句末尾自动插入分号。这意味着，即使不在代码中实际编写分号，JavaScript 也将其视为已存在。因此，当 JavaScript 引擎遇到换行符时，它会将其解释为语句的末尾，并在该处插入分号。从而导致换行符不起作用。
- 字符串常量： JavaScript 中的字符串常量是在引号内定义的，而换行符字符被视为字符串的一部分。因此，当解释器遇到字符串常量中的换行符时，它不会将其解释为换行命令，而是将其视为字符串的一部分。
解决方法：
为了在 JavaScript 中实现换行，可以使用以下方法：
-
HTML 元素：使用
<br>或<p>等 HTML 元素可在网页上实现换行。 -
CSS 属性：可以使用
white-space: pre;或white-space: pre-line;CSS 属性在 HTML 元素中换行。 -
多行字符串模板： ES6 中引入了多行字符串模板，可以使用反引号（
`）定义，并且允许在字符串中换行。
