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
<!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
<!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使用双引号(Double Quotes)的优点:
- JSON(JavaScript对象表示法)只支持双引号用于复制和粘贴文件。
- 在使用双引号时,不需要转义英文句子中的撇号。
JavaScript使用单引号(Single Quotes)的优点:
- 对于空字符串,提供更好的可读性。
- 它是不同库和框架中最常用的引号之一,比如标准的npm包、gjslint、async、express等。
- 在JavaScript中编写HTML代码时更容易使用。
虽然JavaScript字串引号没有官方约定,但在编码风格方面,您必须保持一致,并在整个项目代码中使用相同的引号。