📜  如何在 JavaScript 中创建多行字符串?

📅  最后修改于: 2022-05-13 01:56:22.682000             🧑  作者: Mango

如何在 JavaScript 中创建多行字符串?

JavaScript 2015 不支持多行字符串,但是当 ES6 出现并引入字符串字面量时。 ES6 支持多行字符串。如果需要旧版浏览器支持,有多种方法可以处理多行字符串。

方法一:使用模板字面量创建多行字符串。与普通的单/双引号分隔符不同,字符串使用反引号分隔。

示例:此示例使用模板字面量来创建多行字符串。



      

    
        Create multi-line strings
    

  

    

        GeeksforGeeks     

                    How to create multi-line         strings in JavaScript?                 
           

        Click on the button to         insert multiline text     

                          

输出:

  • 在点击按钮之前:
  • 点击按钮后:
    模板

方法 2:使用反斜杠转义字面量换行符:可用于创建多行字符串的另一种方法是转义每行上的每个换行符。

示例:此示例使用反斜杠转义字面量换行符以创建多行字符串。



      

    
        Create multi-line strings
    

  

    

        GeeksforGeeks     

                    How to create multi-line         strings in JavaScript?                  
           

        Click on the button to         insert multiline text     

                       

输出:

  • 单击按钮之前:
  • 点击按钮后:
    反斜杠

方法 3:将单个字符串连接在一起:最简单但麻烦的方法是将每一行分隔为一个字符串并连接成一个最终的字符串。

示例:此示例连接字符串以创建多行字符串。



      

    
        Create multi-line strings
    

  

    

        GeeksforGeeks     

                    How to create multi-line          strings in JavaScript?                  
           

        Click on the button to         insert multiline text     

                          

输出:

  • 单击按钮之前:
  • 点击按钮后:
    连接