基础篇-引号区别-《前端知识进阶》

admin 2025-11-01 15:21:06 编程 来源:ZONE.CI 全球网 0 阅读模式

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

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

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

    image.png只能使用反斜杠来转义:

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

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

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

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

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

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

    虽然单引号和双引号是使用较多的,但我们还有第三个方案,就是ES6中的模板字符串(反引号)。(1)字符串连接

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

    (2)无需转义单引号或双引号

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

    (3)不使用换行符写多行内容

    1. console.log(`hello
    2. JS`);
    3. // 输出结果:
    4. hello
    5. JS

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

    1. function testingDoubleQuotes(){
    2. console.time('单引号');
    3. for (let i = 0; i < 100000; i++) {
    4. const string1 = "String One";
    5. }
    6. console.timeEnd('单引号');
    7. }
    8. function testingSingleQuotes(){
    9. console.time('双引号');
    10. for (let i = 0; i < 100000; i++) {
    11. const string2 = 'String Two';
    12. }
    13. console.timeEnd('双引号');
    14. }
    15. function testingbackticks(){
    16. console.time('反引号');
    17. for (let i = 0; i < 100000; i++) {
    18. const string1 = `String Three`;
    19. }
    20. console.timeEnd('反引号');
    21. }
    22. testingDoubleQuotes();
    23. testingSingleQuotes();
    24. testingbackticks();

    结果如下:image.png根据以上结果,可以看到,反引号是最快的,双引号是最慢的。当然这个结果并不是每次都一样,仅供参考。不过,这样细微的差异对项目是不会产生任何影响的。

    综上,使用单引号、双引号或反引号之间没有太大的区别。可以根据自己的喜好选择一种或多种样式。不过,最好在项目中使用单一的格式以保持整洁和一致。

    除此之外,我们可以使用代码格式化程序或者根据样式指南来做处理。它们都有默认的类型:

    • Prettier 默认使用双引号;
    • Eslint 默认使用双引号;
    • Airbnb 风格指南更推荐使用单引号。

    在比较流行的 JavaScript 开源项目的源代码中,单引号比双引号更受青睐:

    开源项目 使用单引号的比例
    lodash 99%
    react 90%
    request 97%
    moment 90%
    express 92%
    debug 97%
    axios 81%
    以太坊cppgolang区别 编程

    以太坊cppgolang区别

    以太坊是一种去中心化的开源平台,它采用智能合约技术,旨在构建和运行不受干扰的分布式应用程序。作为目前最受欢迎的区块链平台之一,以太坊提供了多种编程语言的支持,其
    progolang 编程

    progolang

    Go语言(Golang)是由Google开发的一门静态类型编程语言。作为一名专业的Golang开发者,我深知这门语言的优势和特点。在本文中,我将介绍Golang
    golangn个发送者 编程

    golangn个发送者

    Golang是一种开源的编程语言,由Google团队开发,旨在提高程序的并发性和简化软件开发过程。在Go语言中,有时需要向多个接收者发送信息。本文将介绍如何在G
    golang技能图谱 编程

    golang技能图谱

    从互联网行业的快速发展到人工智能技术的日益成熟,各种编程语言也应运而生。而在这众多的编程语言中,Golang(即Go)作为一门强大且高效的开发语言备受关注。Go
    评论:0   参与:  6