JavaScript 应该何时使用双引号或单引号

JavaScript 应该何时使用双引号或单引号

这篇文章旨在澄清在编写JavaScript代码时应该使用双引号还是单引号。如果你用过JavaScript,你可能知道它允许使用双引号(”)和单引号(’)来表示字符串文字。

双引号和单引号在其他编程语言中存在许多差异。在JavaScript中,两者具有相同的特性,本质上是相同的。

示例:

Javascript

<!DOCTYPE html> 
<html lang="en"> 
  
<body style="text-align:center;"> 
    <h2 style="color:green"> 
        GeeksforGeeks 
    </h2> 
  
    <h2> 
        When should I use double or  
        single quotes in JavaScript 
    </h2> 
  
    <p id="Using Quotes"></p> 
  
    <script> 
  
        // Single quote 
        let text1 = 'James Smith'; 
  
        // Double Quote 
        let text2 = "James Smith"; 
  
        document.getElementById("Using Quotes"). 
            innerHTML = text1 + "<br>" + text2; 
    </script> 
</body> 
  
</html>

输出:

JavaScript 应该何时使用双引号或单引号

但是双引号和单引号之间只有一个区别。在单引号字符串中,双引号不会被转义(\)。
双引号字符串可以包含不需要转义(\)的单引号。简单来说,每个引号类型都转义它自己的类型。

例如:

JavaScript

<!DOCTYPE html> 
<html lang="en"> 
  
<body style="text-align:center;"> 
    <h2 style="color:green"> 
        GeeksforGeeks 
    </h2> 
  
    <h2> 
        When should I use double or  
        single quotes in JavaScript 
    </h2> 
  
    <p id="Using Quotes"></p> 
  
    <script> 
  
        // Single quote 
        let quote1 = 'Jessie said, "Goodbye"'; 
  
        // Double Quote 
        let quote2 = 
            "The mayor told the people of his town "
            + "that he 'cares' about their well-being."; 
  
        document.getElementById("Using Quotes"). 
            innerHTML = quote1 + "<br>" + quote2; 
    </script> 
</body> 
  
</html>

输出:

JavaScript 应该何时使用双引号或单引号

另一方面,如果你在使用双引号时也使用双引号,而在使用单引号时也使用单引号,那么代码将变得复杂。

例如:

Javascript

<!DOCTYPE html> 
<html lang="en"> 
  
<body style="text-align:center;"> 
    <h2 style="color:green"> 
        GeeksforGeeks 
    </h2> 
    <h2> 
        When should I use double or  
        single quotes in JavaScript 
    </h2> 
  
    <p id="Using Quotes"></p> 
  
    <script> 
        // Single quote 
        let quote1 = 'James \'hoped\' to be a profiecient programmer.'; 
  
        // Double Quote 
        let quote2 = "Jessie said that the case was \"far from over\" "; 
  
        document.getElementById("Using Quotes"). 
            innerHTML = quote1 + "<br>" + quote2; 
    </script> 
</body> 
  
</html>

输出:

JavaScript 应该何时使用双引号或单引号

JavaScript使用双引号(Double Quotes)的优点:

  • JSON(JavaScript对象表示法)只支持双引号用于复制和粘贴文件。
  • 在使用双引号时,不需要转义英文句子中的撇号。

JavaScript使用单引号(Single Quotes)的优点:

  • 对于空字符串,提供更好的可读性。
  • 它是不同库和框架中最常用的引号之一,比如标准的npm包、gjslint、async、express等。
  • 在JavaScript中编写HTML代码时更容易使用。

虽然JavaScript字串引号没有官方约定,但在编码风格方面,您必须保持一致,并在整个项目代码中使用相同的引号。

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程