如果您想省略JS里的分号,了解一下JS的分号插入原理吧
仅在}之前、一个或多个换行之后和程序输入的结尾被插入
也就是说你只能在一行、一个代码块和一段程序结束的地方省略分号。
也就是说你可以写如下代码
function square(x) {
var n = +x
return n * n
}
但是却不可以写的像下面代码一样,这样就报错了哦
function area(r) { r = +r return Math.PI*r*r }//error
仅在随后的输入标记不能解析时插入
也就是说分号插入是一种错误校正机制。看代码说话
a = b
(f())
//能正确的解析为一条单独的语句 单价于下面这条语句
a = b(f()) a = b
f()
//被解析为两条独立的语句
a = bf();//解析有误
所以你必须得注意下一条语句的开始,从而确定你是否能够合法的省略分号。
(、[、+、-、和/ 这五个字符开始的语句,那么最好前面不要省略分号。
举例说明一下哦
a = b
['r', 'g', 'b'].forEach(function (key) {
console.log(key);
});
本来你以为没有错误,但是解析器却解析成了如下语句
a = b['r', 'g', 'b'].forEach(function (key) {
console.log(key);
});
因为第二句语句是以[开始的,所以解析器不会在第一条语句后自动插入分号,这样就解析成了如上所示,上面的式子解析时b['b'].forEach难道不是错的吗?
所以(、[、+、-、和/ 这五个字符开始的语句,那么最好前面不要省略分号。
想省略分号,有经验的程序员会在该语句的后面跟一个声明语句,以保证解析器解析正确。如下所示
a = b
var x//特意在此加了声明语句以保证a = b不会和(f())解析到一块儿
(f())
所以如果你需要省略分号,必须检查接下来的一行开始标记是否为上述五个字符导致解析器会禁用自动插入分号,或者你也可以在(、[、+、-、和/ 这五个字符前置一个分号
省略分号导致脚本连接问题
//file1.js
(function () {
//......
})() //file2.js
(function () {
//......
})()
上述两个文件连接时,就会被解析成如下
(function () {
//......
})()(function () {
//......
})()
所以省略分号不仅需要当心当前文件的下一个标记,而且还需要当心脚本连接后可能出现在语句之后的任一标记。
为避免解析器解析错误,你可以在每个文件前缀一个额外的分号以保护脚本免受粗心连接的影响。如果文件最开始的语句以上述5个脆弱字符开关,你就应该添加额外的分号前缀。
JavaScript语法限制产生式
JavaScript语法限制产生式:不允许在两个字符之间出现换行。
举例说明:
return
{};
上述代码就被解析成了
return;
{}
;
自增自减运算的分号插入规则
a
++
b
大家想想上述代码会被解析成什么样?说出谜底吧,因为自增运算符既可以作为前置运算符又可以作为后置运算符,但是后置运算符不能出现在换行之前,所以上述代码被解析成了
a;
++b;
分号不会作为分隔符在for循环空语句的头部被自动插入
for (var i = 0,total=1
i < length
i++) {
total*=i;
}
像上述的代码就会出现解析错误。
空循环体的while同样也需要显示的分号,否则也会导致解析错误
function mytest() {
while (true)
}
必须写成如下才不会报错哦
function mytest() {
while (true) ;
}
总结一下哦
- 仅在}标记之前、一行的结束和程序的结束处推导分号
- 仅在紧接着的标记不能被解析的时候推导分号
- 在以(、[、+、-、和/ 字符开头的语句前绝不能省略分号
- 当脚本连接的时候,在脚本之间显式的插入分号
- 在return、throw、break、continue、++或--的参数之前绝不能换行
- 分号不能作为for循环的头部或空语句的分隔符而被推导出
如果您想省略JS里的分号,了解一下JS的分号插入原理吧的更多相关文章
- Eclipse的Jar包解压出System.js里String与Boolean定义分号可有可无吗?
Eclipse的Jar包解压出System.js里String与Boolean定义分号可有可无吗? org.eclipse.wst.jsdt.core_1.3.300.v201410221502\li ...
- 理解 Node.js 里的 process.nextTick()
有很多人对Node.js里process.nextTick()的用法感到不理解,下面我们就来看一下process.nextTick()到底是什么,该如何使用. Node.js是单线程的,除了系统IO之 ...
- js笔记——js里var与变量提升
var是否可以省略 一般情况下,是可以省略var的,但有两点值得注意: 1.var a=1 与 a=1 ,这两条语句一般情况下作用是一样的.但是前者不能用delete删除.不过,绝大多数情况下,这种差 ...
- js里cookie操作
原生js操作cookie 创建和存储 cookie 在这个例子中我们要创建一个存储访问者名字的 cookie.当访问者首次访问网站时,他们会被要求填写姓名.名字会存储于 cookie 中.当访问者再次 ...
- JS里设定延时:js中SetInterval与setTimeout用法
js中SetInterval与setTimeout用法 JS里设定延时: 使用SetInterval和设定延时函数setTimeout 很类似.setTimeout 运用在延迟一段时间,再进行某项操 ...
- 怎么在html页面和js里判断是否是IE浏览器
HTML里: HTML代码中,在编写网页代码时,各种浏览器的兼容性是个必须考虑的问题,有些时候无法找到适合所有浏览器的写法,就只能写根据浏览器种类区别的代码,这时就要用到判断代码了.在HTML代码中, ...
- 微信小程序 引用其他js里的方法
微信小程序中,在微信官方开发文档我们可以知道 小程序的目录结构 . 一个小程序页面由四个文件组成,一个小程序页面的四个文件具有相同路径与文件名,由此我们可知一个小程序页面对应着一个跟页面同名的js文件 ...
- 前端要革命?看我在js里写SQL
在日新月异的前端领域中,前端工程师能做的事情越来越多,自从nodejs出现后,前端越来越有革了传统后端命的趋势,本文就再补一刀,详细解读如何在js代码中执行标准的SQL语句 为什么要在js里写SQL? ...
- 正则表达式,js里的正则应用
我爱撸码,撸码使我感到快乐!大家好,我是Counter.好吧已经到凌晨了,其实还是蛮困的,体力不支了,想了想还是把今天任务结束掉吧,为期5天,又重新把JavaScript以及jQuery给大致过了一遍 ...
随机推荐
- 用mel编写自定义节点的属性编辑器界面
用mel编写自定义节点的属性编辑器界面比较麻烦,而且网上例子又少,下面给出一个范例,说明基本的格式 // 初始化节点时调用 global proc initControl(string $attrNa ...
- 关于第一个Java应用
一.创建Java源文件 Java应用由一个或多个扩展名为".java"的文件构成,这些文件被称为Java源文件,从编译的角度,则被称为编译单元(Compilation Unit). ...
- 泛型类型的协变(covariant)和逆变
官网:http://msdn.microsoft.com/zh-cn/library/dd799517.aspx 原文链接:http://book.51cto.com/art/201112/30857 ...
- Swift3.0 iOS获取当前时间 - 年月日时分秒星期
Swift3.0 iOS获取当前时间 - 年月日时分秒星期func getTimes() -> [Int] { var timers: [Int] = [] // 返回的数组 let calen ...
- [py] 导入模块 reload(sys)
#!/usr/bin/env python # coding: utf-8 import sys reload(sys) #<------这个是什么意思 sys.setdefault ...
- IP包格式
网络层提供的服务就是在不同网段之间转发数据包. Ip包结构 1,格式(每行4byte*5) 2,版本 V4 V6 3,首部长度 20(固定)+可变长度 ,区分服务 Win2008开始:gpedit. ...
- Android-MediaProvider数据库模式
原文地址:http://www.otechu.me/zh/2011/10/schema-of-android-mediaprovider-database/ 摘要: Android MediaProv ...
- UTF-8 带签名和不带签名的区别
就和字面上一样,带签名的UTF-8文件比不带签名的,在文件开头的地方就多了几个16进制字符--[EF BB BF ],这9个字符就是"签名",这样做的好处是让文本处理工具或者浏览器 ...
- [iOS翻译]《iOS7 by Tutorials》系列:在Xcode 5里使用单元测试(下)
4.测试失败的调试 是时候追踪之前测试失败的问题了.打开GameBoard.m,找到cellStateAtColumn:andRow: 和 setCellState:forColumn:andRow: ...
- ZooKeeper学习第六期---ZooKeeper机制架构
一.ZooKeeper权限管理机制 1.1 权限管理ACL(Access Control List) ZooKeeper 的权限管理亦即ACL 控制功能,使用ACL来对Znode进行访问控制.ACL的 ...