JavaScript 中双引号、单引号和反引号的区别_前端单引号和双引号的区别-CSDN博客

本文链接：https://blog.csdn.net/qq_42033567/article/details/122509244

关注微信公众号：前端充电宝，获取最新原创文章：

在 JavaScript 中，单引号(’’)和双引号("") 经常用于创建字符串。通常情况下，使用双引号或单引号没有区别，它们最后都代表一个字符串。当我们需要使用反斜杠字符()来转义字符时，他们之间的唯一区别就体现出来了。

如果使用单引号来创建字符串，那么就不能在该字符串中使用单引号，只能使用反斜杠 ()对其进行转义。比如：

const hi = 'hello' world';
console.log(hi)

只能使用反斜杠来转义：

const hi = 'hello\' world';
console.log(hi)  // 输出结果：hello' world

如果想在双引号中使用双引号，也需要使用反斜杠来转义：

const hi = "hello\" world";
console.log(hi)  // 输出结果：hello" world

而如果想在双引号中使用单引号，可以直接使用：

const hi = "hello' world";
console.log(hi)  // 输出结果：hello' world

另外，JSON 文件中是不支持单引号，如果想要在 JSON 和 JavaScript 文件之间复制和粘贴时，就需要额外注意了。

虽然单引号和双引号是使用较多的，但我们还有第三个方案，就是ES6中的模板字符串（反引号）。

（1）字符串连接

const name = 'javascript';
console.log(`hello ${name}`);  // 输出结果：hello javascript

（2）无需转义单引号或双引号

console.log(`hello "JS"`);   // 输出结果：hello "JS"
console.log(`hello 'CSS'`);  // 输出结果：hello 'CSS'

（3）不使用换行符写多行内容

console.log(`hello

JS`);
// 输出结果：
hello 

JS

那当我们使用单引号、双引号或反引号时，性能会有什么不同吗？下面来通过三个方法简单来看一下三种形式的性能差别：

function testingDoubleQuotes(){
  console.time('单引号');
  for (let i = 0; i < 100000; i++) {
   const string1 = "String One";
  }
  console.timeEnd('单引号');
}

function testingSingleQuotes(){
  console.time('双引号');
  for (let i = 0; i < 100000; i++) {
   const string2 = 'String Two';
  }
  console.timeEnd('双引号');
}

function testingbackticks(){
  console.time('反引号');
  for (let i = 0; i < 100000; i++) {
   const string1 = `String Three`;
  }
  console.timeEnd('反引号');
}

testingDoubleQuotes();
testingSingleQuotes();
testingbackticks();