您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息
免费发信息

javascript要不要加分号

2024/5/3 4:58:00发布7次查看
javascript中的分号是可选的,加不加分号主要是个代码风格问题,但是不要一会加一会不加。通常,如果语句以“(”、“[”、“/”、“+”、“-”开头时,有可能被解释为上一行语句的一部分;此时可以在行首防御性的加上分号。
本教程操作环境:windows7系统、javascript1.8.5版、dell g3电脑。
javascript 中的分号是可选的,加不加分号主要是个代码风格问题。一种风格是使用分号明确结束语句,即便这些分号不是必需的;另一种风格是尽可能的不加分号,只在必要的情况才加。
注:分号可以加也可以不加,但是不要一会加一会不加。
代码中分号的作用
分号的主要作用是:作为语句的断言(eos)用于结束一个程序语句,目的是让解析器正确解析程序。在很多 c-style 语言里,用分号明确结束一行语句,主要是为了降低语言编译器开发的成本。但是现代编译器都足够聪明了,可以很好的处理好多行语句。很多语言都不需要明确使用分号结尾如:go、scala、ruby、python、swift、groovy 等等。
虽然 javascript 是 c-like 语言,但它是有别于 c、java 的,在 javascript 中分号也是可选的,它自动分号插入机制 auto semicolon insertion (asi)。
javascript 自动分号插入机制
javascript 有着自动分号插入的机制(automatic semicolon insertion),简称 asi。在ecma-262 - automatic semicolon insertion中有关 automatic semicolon insertion 的明确说明:
从左到右解析程序,当遇到一个不符合任何文法产生式的 token(offending token),那么只要满足下面条件之一就在违规 token 前面自动插入分号。
至少一个换行符(lineterminator)分割了违规 token 和前一个 token。
违规 token 是 }。
从左到右解析程序,tokens 输入流已经结束,当解析器无法将输入 token 流解析成单个完整 ecmascript 程序 ,那么就在输入流的结束位置自动插入分号。
从左到右解析程序,遇到一个某些文法产生式允许的 token,但是它是受限操作(restricted productions),当至少一个换行符分割了受限的 token 和前一个 token,那么就在受限 token 前面自动插入分号。
然而,上述规则有一个附加的优先条件:如果插入分号后解析结果是空语句,或如果插入分号后它成为 for 语句头部的两个分号之一,那么不会自动插入分号。
注:以上说明翻译较为别扭可以多读几遍或阅读英文原文 ecma-262 - automatic semicolon insertion
分号自动插入的情况
简要归纳下,自动分号插入以换行为基础,解析器会尽量将新行并入当前行,当且仅当符合 asi 规则时才会将新行视为独立的语句
主要有以下自动插入规则:
当新的一行并入当前行将构成非法语句不能正确解析时,将自动插入分号
当新行以}开头时,即代码块的结束位置,将自动插入分号
当以return语句结束时,在行末自动插入分号
当以break语句结束时,在行末自动插入分号
当以throw语句结束时,在行末自动插入分号
当以continue语句结束时,在行末自动插入分号
当以 es6 的 yield 语句结尾时,在行末自动插入分号
++、-- 后缀表达式作为新行的开始,在行首自动插入分号
源代码文件末尾自动插入号
如上所示,如果没加分号,运行这段代码这段代码将报错。
不能省略分号的情况
通常,如果语句以(、[、 /、+、-开头时,就有可能被解释为上一行语句的一部分。实际中以/、+、-开头的语句很少。但是以(、[开头的语句则很常见,通常我可以在行首防御性的加上分号。
前面,我们了解分号的自动插入,现在我们来看一些示例
let hey = 'hey'['liu','liuxing'].foreach(console.log)
思考一秒钟上面的结果是什么?运行这段代码会抛出
uncaught typeerror: cannot read property 'foreach' of undefined
基于规则 1 上面代码将会被解析成如下代码
let hey = 'hey'['liu','liuxing'].foreach(console.log)
可以看出,使用[开头的语句,前面没有分号,很可能导致出错。
再来看一个(开头的语句的示例代码
const a = 1const b = 2const c = a + b(a + b).tostring()
你会以为上面的代码结果是“3”吗?但是实际上它会抛出错误b is not a function,因为根据 asi 规则,它会被解析成如下代码:
const a = 1;const b = 2;const c = a + b(a + b).tostring()
我们就不一一介绍/, +, - 作为语句开头的情况了,这种情况比较少,大家可以自己试试。只需要记住语句以(、[、 /、+、-开头时,语句前需要加上分号即可!
下面再在看看使用return的情况,
(() => { return { name: 'liu xing' }})()
你的期待值是不是返回一个带有 name 的对象,但是它却返回了undefined。这是 asi 自动在return给加上了分号。在这儿就得正确的换行以确保代码正确运行。我们可以看出除了正确的的分号,我们还需要正确合理的换行来使代码结构更为清晰。
总结
我们了解了 javascript 的分号自动插入机制,知道了 javascript 什么时候会自动加入分号,在(、[、 /、+、-开头时需要我们准确的加上分号。automatic semicolon insertion 机制为我们提供了两种选择,加还是不加分号?完全看你或你的团队的喜好了,现在我们也有prettier、eslint 等工具来自动统一风格。
【相关推荐:javascript视频教程、编程基础视频】
以上就是javascript要不要加分号的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录