• 每天学点JavaScript基础(2)——JavaScript里的分号,你加还是不加?


    JavaScript里的分号,你加还是不加?

    1.前言

    我们接触的大部分编程语言,都会以 分号 作为代码的结束,将程序语句分隔开来,JavaScript同样如此。这对增强代码的整洁性和可读性是非常重要的。缺乏分隔符,一条语句的结束就变成了另一条语句的开始,反之亦然。在我们初学编程,接触C语言的时候,就常常因为代码结尾没有分隔符或者分隔符写错,而引发程序bug。

    对于很多的编程语言,在一条语句结尾加上分号是必须的。然而,对于JavaScript,则并不如此。在JavaScript中,如果语句各自独占一行,通常可以省略语句之间的分号(程序的结尾或者右“}”之前的分号也可以省略。)

    因此,在编写JavaScript程序时,一般会有两种编码习惯,加分号不加分号

    • 加分号: 许多程序员使用分号来明确标记语句的结束,即使在并不完全需要分号的时候也是如此;
    • 不加分号: 另一种风格是,在任何可以省略分号的地方,都将其省略,只有在不得不用的时候才使用分号。

    下面来记录和讲解一下,JavaScript中使用分号的细节问题。

    2.什么情况下可以不加分号

    不加分号的情况下,JavaScript在解析时会自动插入分号,在满足以下两个条件的情况下,JavaScript会自动插入分号,可以不加分号:

    2.1每条语句各占一行

    如果多条语句中每条语句各占一行,则语句结尾的分号可以省略,JavaScript在解析时会自动填补分号,例如:

    let x = 10
    let y = 20
    console.log(x+y) //3
    

    如果写在同一行,则必须要加分号:

    let x , y
    x = 10  y = 30  
    console.log(x+y) //SyntaxError: Unexpected identifier
    

    不写分号报错。

    2.2 不加分号则上下两行代码无法解析

    JavaScript并不是在所有换行的地方都填补分号,只有在缺少了分号就无法正确解析代码的情况下,才会填补分号;

    如下示例:

    let a 
    a
    =
    3
    console.log(a) //3
    

    显然,代码被解析为:

    let a;
    a=3;
    console.log(a);
    

    在2行 3行都没有插入分号。

    注意:

    这些语句的分隔规则会导致一些意想不到的情形,如以下的一个示例;

    let m = n + f
    (b+c).toString()
    

    但该语句最终会被解析为:

    let m = n + f(a+b).toString();
    

    这和源代码表达的意思不合,但这解析下来并不会出错。

    3.特殊情况

    通俗来讲,如果一条语句以 "(" ,"[" , "/" , "+" , "-" 开始,它们极有可能和前面一条语句一起解析。

    如果前一条语句无法和后一条语句合并解析,JavaScript才会在第一条语句后插入分号,这是通用规则。

    但是,有2个例外,

    3.1 return ,break和continue

    如果涉及 return 、break、continue 时,如果这三个关键字后紧跟换行,则该关键字后一定会插入分号;

    如:

    return
    true
    

    一定会被解析成

    return;
    true;
    

    这显然违背了代码的本意。

    3.2 有 ”++“ 或 ”--“运算符时

    如果涉及 ”++“ ,”--“运算符的时候,这些表达式可以作为表达式的前缀,也可以作为表达式的后缀。

    如果将其作为表达式的后缀的话,它和表达式应该在同一行,否则,JavaScript会在行末添加添加分号,并且 ”++“ "--"会被作为下一句的前缀操作符与下一句一起解析。

    如:

    x
    ++
    y
    

    这段代码解析为:

    x;
    ++y;
    

    而不是:

    x++;y;
    

    4.使用分号的好处

    • 加上分号可以避免很多错误(例如,不完整的输入),开发人员可以放心的通过删除多余的空格来压缩代码;
    • 加上分号在某些情况下可以增进代码的性能,因为这样解析器就不用花多余的时间去推测在哪里添加分号了。

    5.参考文献

    • 《JavaScript高级程序设计》

    • 《JavaScript权威指南》

    6.结语

    天气好热,去开个西瓜吃。

  • 相关阅读:
    021 顺时针打印矩阵
    020 二叉树的镜像
    019 树的子结构
    018 机器人的运动范围
    017 矩阵中的路径
    022 Jquery总结
    003 css总结
    002 html总结
    016 合并两个排序的链表
    015 反转链表
  • 原文地址:https://www.cnblogs.com/CherishTheYouth/p/CherishTheYouth_20200809.html
Copyright © 2020-2023  润新知