何时在 JavaScript 中使用双引号或者单引号

在 JavaScript 中,单引号 (‘ ’) 和双引号 (“ ”) 经常用于创建字符串文字。

通常,使用双引号或者单引号没有区别,因为它们最终都代表一个字符串。

单引号和双引号的用法只有一个区别,归结为需要使用反斜杠字符 () 转义的引号字符:' 或者 \”。
每种类型的引用都应该转义它自己的类型。

例如:

"double quotes ( \" ) should escape a double quote"
'single quotes ( \' ) should escape a single quote'

但是没有必要转义字符串中的另一个字符。
因此,双引号可以有单引号而不转义它们,反之亦然。

单引号的一个重要参数是当我们需要在 JavaScript 中编写 html 时:

  • 当我们使用单引号时,我们可以执行以下操作:
let html = '<div id="someDiv"></div>';
alert(html);
  • 但是如果使用双引号,则需要对每个 " EX 进行转义:
let html = "<div id=\"someDiv\"></div>";
alert(html);

这可能很烦人。

  • 当我们使用单引号表示空字符串 '' 与 "" 时,单引号看起来更好。

我们可能想到的单引号的唯一缺点是在 JSON 和 JavaScript 文件之间复制和粘贴:JSON 文件中不支持单引号。

相反,JSON 只允许使用双引号。
此外,使用双引号,我们可以在写英文字母时去掉撇号。

还有一个替代且有效的解决方案:使用反引号 () 使用这种类型的引用有很多优点。

首先,它们允许简单的字符串集中(“变量插值”)。
下面是一个例子:

"string " + variable becomes `string ${variable}`

其次,不需要转义 () 单引号或者双引号。
看看这个例子:

"\"Welcome to onitroad!\""
becomes `"Welcome to onitroad"`

第三,它们允许没有换行符 (\n) 的多行代码:

"Welcome to\nonitroad!"
becomes 
`Welcome to onitroad`

此外,它们对 HTML 运行得更好;因此我们可以默认使用它们,如下所示:

const value = `<div class="className"> 
<h1> Loading...</h1> 
</div>`;
alert(value);

为避免每次打算编写字符串时都做出选择,我们建议我们选择上述样式之一并坚持使用。
单引号是当代编程中最常见的。
但是,请始终记住 JSON 不支持它们。

JavaScript 中的字符串和引号

JavaScript 中的字符串通常用于存储和操作文本。

UTF-16 是其持久的内部格式。
字符串能够表示零个或者多个字符,写在引号内。

这里有三种写字符串的方法:你可以把它们写在单引号、双引号或者反引号中。
使用的引用类型应该在双方匹配。
无论如何,可以在同一个脚本中使用所有引号。
使用单引号和双引号的字符串被认为实际上是相同的。
使用字符串的最后一种和最新的方式称为模板文字:它使用反引号并以与常规字符串相同的方式工作。

日期:2020-06-02 22:16:30 来源:oir作者:oir