[学习笔记]Javascript可选的分号
1.前言
由于Javascript有自动识别一句语句的结尾,但是缺少必要分号作为结尾符,会降低代码的可读性和整洁性。通过javascript权威指南By淘宝前端团队译,这分号还算比较好玩的。
2.样例
2.1 两句语句有两行的书写
a = 3; //第一行的分号可以省略
b = 4;
2.2 两句语句一行的书写
a = 3; b = 4; //第一个分号不能省略,否则提示Uncaught SyntaxError: Unexpected identifier
2.3 容易引起误解的写法
2.3.1
var a
a
=
3
console.log(a)
等价于 var a; a = 3;console.log(a);
2.3.2
var y = x + f
(a+b).toString()
等价于var y = x + f(a+b).toString(0;
2.4 通常来讲,如果一条语句以'(','[','/','+','-' 开始的,那么它可能会和前一条语句合在一起解析,后三种不常见,但是前两者比较常见,所以可以保守地在语句前面多加一个分号。
var x = 0
;[x,x+1].forEach(console.log);
2.5 方法结束加不加分号都可以,安装java,C/C++的习惯是不加。
function fun{
} //};也是可以的。
2.6 如果前语句和下一行语句无法合并解析,JS则会在第一行后填补分号,这是通常规则,But有两个例外
2.6.1 第一个例外是涉及到return、break和continue语句
return
true;
会被解析成return; true; 而代码的本意是return true;
2.6.2 涉及“++”和“--”
x
++
y
等价于x; ++y; 而不是x++; y
3. 总结
尽量写规范一些,防止编译器理解错你的表达。
[学习笔记]Javascript可选的分号的更多相关文章
- 学习笔记---Javascript事件Event、IE浏览器下的拖拽效果
		
学习笔记---Javascript事件Event.IE浏览器下的拖拽效果 1. 关于event常用属性有returnValue(是否允许事件处理继续进行, false为停止继续操作).srcE ...
 - [JS学习笔记]Javascript事件阶段:捕获、目标、冒泡
		
当你在浏览器上点击一个按钮时,点击的事件不仅仅发生在按钮上,同时点击的还有这个按钮的容器元素,甚至也点击了整个页面. 事件流 事件流描述了从页面接收事件的顺序,但在浏览器发展到第四代时,浏览器开发团队 ...
 - HTML 学习笔记 JavaScript(面向对象)
		
现在让我们继续跟着大神的脚步前进 学习一下JavaScript中的面向对象的思想,其实作为一个iOS开发者,对面向对象还是比较熟悉的,但是昨晚看了一下Js中的面向对象,妈蛋 一脸萌比啊.还好有大神.让 ...
 - HTML 学习笔记 JavaScript (prototype)
		
原博地址:http://www.cnblogs.com/dolphinX/p/3286177.html 原博客的作者是一个非常牛逼的前端大神,我作为一个初学者,在此借助大神的博客进行自己的学习.在这里 ...
 - HTML 学习笔记 JavaScript (String)
		
String对象用于存储字符串的数据.这里我们做了JavaScript的String字符串对象常用操作总结. 创建String对象的方式 声明:String 对象的方法也可以在所有基本字符串值中访问到 ...
 - HTML 学习笔记 JavaScript (函数)
		
函数是由事件驱动的或者当他被调用时执行的可重复使用的代码块 实例 <!DOCTYPE html> <html> <head> <script> func ...
 - [前端JS学习笔记]JavaScript function
		
一.函数的声明 1.1 function 命令 function methodName(params) { // code } 如下声明: function test_function(params) ...
 - [JavaScript] 学习笔记-JavaScript基础教程
		
1.JavaScript介绍 1)JavaScript是互联网上最流行的脚本语言,这门语言可用于Web和HTML,更可广泛用于服务器.pc端.移动端.JavaScript是一种轻量级的编程语言,插入H ...
 - js学习笔记----JavaScript中DOM扩展的那些事
		
什么都不说,先上总结的图~ Selectors API(选择符API) querySelector()方法 接收一个css选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null ...
 
随机推荐
- SpringMVC接受JSON参数详解及常见错误总结我改
			
SpringMVC接受JSON参数详解及常见错误总结 最近一段时间不想使用Session了,想感受一下Token这样比较安全,稳健的方式,顺便写一个统一的接口给浏览器还有APP.所以把一个练手项目的前 ...
 - Maven的配置以及Eclipse的设置
			
配置maven仓库 先找到我们解压的maven的conf目录里面的setting.xml 然后加入我们本地仓库的位置(这里仓库所在文件夹是自定义的,比如:我把它放在了D盘根目录的一个文件夹) ecli ...
 - ~/.ssh/config 配置格式
			
Host server1 HostName server1.cyberciti.biz User nixcraft Port 4242 IdentityFile /nfs/shared/users/n ...
 - java包的所有类生成class
			
javac的编译单位其实就是单个的java文件,为了达到同时编译多个java文件的目的,可以将所需编译的java文件路径保存在一个txt中,比如sourcelist.txt,以换行为分隔符(这个过程称 ...
 - CM记录-升级Spark版本到2.x(转载)
			
①csd包:http://archive.cloudera.com/spark2/csd/ 下载SPARK2_ON_YARN-2.2.0.cloudera1.jar ②parcel包:http: ...
 - QT_地图导航 源码下载
			
https://github.com/douzujun/MyMapView 主要算法讲解: 1. 计算最短路径(dijkstra算法) Step1: (1)找到最短路径已经确定的顶点,从它已经确定的顶 ...
 - java中数据字典的使用:
			
数据字典:数据库中一个字段下存在多个值的情况(type:1:肉类 2:素菜类 3:服装类): 分析: 1:这种情况下往往需要新建一张表来对应type下面的字段,通常以---表名--字段名---字段 ...
 - JavaScript实战总结
			
javascript中数组的22种方法:http://www.cnblogs.com/xiaohuochai/p/5682621.html 1.js闭包 2.eval函数 eval(“字符串”) 将 ...
 - xml的解析方式的简介
			
xml的解析的简介(写到java代码) *xml是一个标记型文档 *js使用dom解析标记型文档? -根据html的层级结构,在内存中分配一个树形结构,把html的标签,属性和文本都封装成对象 -do ...
 - luogu 1314  欧拉回路
			
欧拉路径:一笔画的路径 欧拉回路:一笔画的回路 两者判断方法一样但是输出略有不同.并且还有Fleury(弗罗莱)算法,但是我不会.. 这里就用dfs就好 判断条件: 1)图的连通性(可用并查集判断) ...