如何将 JavaScript 代码分成几行？

在本文中，我们将讨论如何将 javascript 代码分成几行。我们通常将代码分成几行，以便第三方或程序员本身可以轻松阅读。

有两种方法可以将 JavaScript 代码分成几行：

• 我们可以使用换行符转义字符，即“\n” 。如果我们正在处理js文件或不将代码呈现到 html 页面。
• 我们可以使用
  标签。如果我们正在处理html文件。
• 我们可以将诸如prettier之类的可选代码格式化程序用于此类目的。将 JavaScript 代码分成多行是一个减少代码笨拙的过程，有时我们编写的代码行很长，这使得可读性变得困难。

方法1：使用字符。

HTML

  
    Javascript breaking lines of code
  
  
  
    
     // using \n 
       console.log(
        "let us see how to break lines in javascript, \n what can we do ?"
      );
       
    
  

输出：

方法 2：使用
标签。

HTML

  

    Javascript breaking lines of code

  

    
  
        document.write("This line will not be breaked by the &ltbr&gt tag");
        // Breaking the javascript code by using <br> tag
        document.write("<br>");
        document.write("<br>");
  
        document.write("This line will be breaked by the &ltbr&gt tag");
    

  

输出：使用
标签后，这些行被分成了两行。

方法 3：使用更漂亮的扩展

在安装 prettier 插件后的 VSCode 中，我们可以将默认格式化程序更改为 prettier。将其更改为默认格式化程序后，应创建一个扩展名为 .prettierrc 的更漂亮的文件，并且必须编写以下代码：

{
  "printWidth": 50
}

打印宽度属性设置打印机将换行的行的长度。

例子：

• 使用 prettier 之前：

  

• 使用 prettier 后：可以清楚地看到，行是根据提供的最大宽度（我们为 printWidth 给出的值）格式化的。以下代码的打印宽度为 50。