JS的分号可以省掉吗？

摘要: JavaScript语言从设计之初就是考虑带分号的,使用不带分号的编码规则就要小心点啦. 背景最近在项目中开始使用新的编码规范,一开始ESLint报一大堆错误,改得我想砸键盘,花了好些时间才适应,下面列出一些代表性的规则: 只能使用单引号函数定义的圆括号和左大括号之间一定要有空格: function(args) { .. } import语句在大括号之后一定要有空格: import { fa, fb } from moduleC 不用分号!!! 起因早上在实现一个功能的时候,写了一…

如果您想省略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())…

Js中分号使用总结

作者:尤雨溪链接:https://www.zhihu.com/question/20298345/answer/49551142来源:知乎著作权归作者所有,转载请联系作者获得授权. 没有应该不应该,只有你自己喜欢不喜欢.JavaScript 语法长得 C-like 不代表它本质上和 C 是一类语言,所有直觉性的 “当然应该加分号” 都是保守的.未经深入思考的草率结论.后来新设计的语言里可选分号的多得去了,光是 “可以加分号但是大家都不加” 的语言就有:Go, Scala, Ruby, Pytho…

什么是js和js的基本语法

时间:2016年12月15日先讲讲基础语法: 大部分是来操作表单: js动态效果和数据交互(ajax?) js也有自己的API js大部分的DOM操作都是针对input的. 案例学习,对注册页面的简单校验,对于空值或者错误的值先弹框,后面再学习在页面上写数据. js是一种脚本语言,轻量级的,可插入到html页面中运行的语言,和java半毛钱的关系都没有. js有三大块内容: ECMAScript java的基础语法 BOM 浏览器对象模型 DOM 文档对象模型以后jquery用的也很多,但是…

《JS权威指南学习总结--第二章词法结构》

第二章词法结构内容要点: 一.注释 1. //表示单行注释 2. /*这里是一段注释*/ 3.一般编辑器里加注释是:选中要加注释的语句,按 ctrl+/ 二.直接量所谓直接量,就是程序中直接使用的数据量,比如: 数字.小数.字符串文本.布尔值.正则表达式直接量三.标识符和保留字标识符作用:标识符就是一个名字,在JS中,标识符用来对变量和函数进行命名,或者用做JS代码中某些循环语句中的跳转位置的标记. 标识符命名规则: 1.必须以字母.下划线(_)或美元符($)开始. 2.后续的字符可以是…

从零开始的JS生活（一）——JS简介、变量及基本结构

本K在经过三个静态站制作的狂风暴雨之后,终于开始了JavaScript的学习.作为一只从来没有正儿八经接受过计算机语言的小白,居然能够跟上浩哥的课程进度,我的内心都被我的才智震惊到了,果然本K是天生丽质难自弃,天生我材必有用哇,哦呵呵~ 咳咳,废话不多说,咱们来开始我们的JS小课堂,希望能够帮助到跟我一样的第一次接受计算机语言的同志们. 一.什么是JS. JavaScript,简称JS,它是一种基于浏览器的.基于对象的.用于事件驱动的脚本语言.简单来说,JS就是用来实现html页面上的一些动态效…

JS相关重点知识 (概况)

1.value和innerHTML没有联系,只是value是表单的一个特有属性,而innerHTML是通用的. 2.当从外部引入js文件时,该外部文件里面可以有多个方法, html页面中的onclick只选中其中一个方法即可. 做法是在<script src="外部文件名.js"></script> 注意:外部脚本不能包含<script></script>标签. 3. js有四种方法显示数据:window.al…

auto semicolon insertion 自动分号补齐的坑

今天发现js自动分号补齐的坑,来看如下两段代码: function Hello(){ return { name: ’JavaScript’ }; } alert(Hello()); //输出undefined function Hello(){ return{ name: ’JavaScript’ }; } alert(Hello()); //输出 [object Object] 略看代码,差不多,但是输出却不一样.仔细看看第一段代码return后面多了个换行.我们平时写后端代码也经常有会这样…

js面试题总结

1.typeof和Object.prototype.toString typeof是js里面判断变量类型的一种方法,但这种方法没有Object.prototype.toString准确,前者有6种判断结果,分别是function,string,number,object,undefined,boolean,后者有8中判断结果,分别是[object Function],[object Number],[object String],[object Object],[object Array],[o…

js上二.JavaScript基本语法

1.JavaScript词法结构所谓词法结构是指一套基础性规则,用来描述如何使用这门语言来编写程序,包括如下几项: ü 字符集unicode ü 区分大小写 (true和TRUE) ü 忽略空白字符(空格.制表符和换行符) ü 注释 ü 标识符和关键字(保留字) 解释: 命名:英文命名: 空白:由于js会忽略这些空白字符,那么我们在书写代码的时候,就可以更好的利用缩进.换行和空格更好的组织我们的代码,使其更加清晰.一般建议缩进4格换行:js中一条语句以分号结束;但js中换行也表示一条语句的结…

《javascript权威指南》读书笔记——第二篇

<javascript权威指南>读书笔记——第二篇金刚 javascript js javascript权威指南今天是今年的196天,分享今天的读书笔记. 第2章词法结构 2.1 字符集 JavaScript程序是用Unicode字符集编写. Unicode是ASCII和Latin-1的超集,支持几乎所有语言. ES3 要求支持Unicode 2.1及后续版本 ES5 要求支持Unicode 3及后续版本 2.1.1 区分大小写 JavaScript是区分大小写的. HTML 并不区分大…

javascript权威指南第六版学习

第二章语法结构 2.1 字符集什么是字符集?各种字符集什么关系?unicode,utf-8是什么关系? 字符(Character)是各种文字和符号的总称,包括各国家文字.标点符号.图形符号.数字等.字符集(Characterset)是多个字符的集合,字符集种类较多,每个字符集包含的字符个数不同,常见字符集名称:ASCII字符集.GB2312字符集.BIG5字符集.GB18030字符集.Unicode字符集等.http://baike.sogou.com/v291629.htm 各种字符集的出…

没有花括号(大括号)的for循环也能正确执行

代码一 for循环没有{}大括号(花括号),在for语句下面是一条语句. for(var i=0;i<3;i++) console.log(1,i); 上面的代码能无误输出: 1 01 11 2 代码二那么,如果没有花括号的for循环下有多行语句呢? for(var i=0;i<3;i++) console.log(1,i); console.log(2) 输出: 1 01 11 22 他不会把第二行也循环. 代码三 for(var i=0;i<3;i++) console.log(1…

13点值得我们注意的谷歌的JavaScript编写风格

对于编写有效的JavaScript来说,这些并不是硬性的.快速的规则,而只是在源文件中维护一致的.吸引人的样式选择的规则.这对于JavaScript来说尤其有趣,它是一种灵活且多变的语言,允许多种风格的选择. 谷歌和Airbnb有两个最受欢迎的编写风格指南.如果我的工作是花费大量时间编写JS,那么可以先学习这两种方法. 以下是谷歌JS风格指南中我认为最有趣和相关的13条规则: 谷歌JS风格指南处理各种各样的问题,从激烈争论的问题(制表符与空格的比较,以及分号应该如何使用这个有争议的问题),到一些…

css-实现图标在输入框中显示

一:JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言. JavaScript 是可插入 HTML 页面的编程代码. JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行. 二:JS解释器独立的语言,浏览器具有js解释器三:示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl…

前端之JavaScript笔记1

一 JavaScript的引入方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>    <…

js01--简介、注释、数组、对象、null与undefined

javascript简介:js,轻量级的脚本语言,插入HTML页面中,用来实现网页的动态交换. 1.js的使用: 写入HTML输出:document.write("<p>This is a paragraph</p>"); 对事件作出回应:<button type="button" onclick="alert('Welcome!')">点击一下</button> 改变HTML内容:document…

JavaScript语言核心--词法结构

编程语言的词法结构是一套基础性规则,用来描述如何使用这门语言来编写程序.作为语法的基础,它规定了诸如变量名是什么样的.怎么写注释,以及程序语言之间如何分隔等规则. 1. 字符集 JavaScript程序是使用Unicode(计算机科学领域里的一项业界标准)符集编写的.Unicode是ASCII和Latin-1的超集,并支持地球上几乎所有在用的语言.有关Unicode与JavaScript详解,可以看看大神的文章. 1.1. 区分大小写 JavaScript是区分大小写的语言.也就是说,关键字.变…

js 自动插入分号

先来看一个例子: function get(){ return { a:1 } } var r=get(); console.log(r); 似乎r的值应该是{a:1},然而运行结果却是undefined,这就得从ecmascript的分号自动插入规则说起. js的自动插入分号有三个规则: 1,从左向右解析程序,当遇到不符合词法文法产生式的token,只要满足下面条件之一就在违规token前自动插入分号: a,至少有一个行结束符分隔了违规token和前一个token. b,违规token是} f…

js中如果省略分号那么它是如何运行的

在javascript工作中,我们几乎不会去省略分号:为了不必要的麻烦以及代码的规范,那么如果我们省略:会发生呢?预知详情请听下回分解. 看代码! 片段一: 1 var a 2 = 3 8 4 console.log(a); >>8 片段二: var a b = 8 console.log(a); >>undefined console.log(b); >>8 console.log(ab); >>Uncaught ReferenceError: ab is…

JS自动填写分号导致的坑

JS中会自动清除句子和句子之间的空格以及tab缩进, 这样就可以允许用户编写的代码更加随性和更加可读, 在该行代码解析的时候如果该行代码可以解析, 就会在该行代码最后自动填写分号,如果该行代码无法解析就会把该行代码和下一句代码合并, 直到代码可以解析: Js中如果一个语句以 ( [ / + - 开头,就有可能与上一句合在一起解析也因为js会自动添加 “;” , 写js不注意就养成了不好的习惯, 代码有时候没事, 跑起来却出了错: 比如,少了一个分号就报错了: var a y = +a (…

JavaScript学习日志：关于js分号

javascript有自动添加分号的功能,但是不是所有情况都会自动添加,要区分: 1,如果语句独占一行如果当前行内的语句能够被js正确解析,那么就会在句尾添加一个分号. (如何判断是否正确解析?你在控制台执行当前语句,不报错就可以-.-) 那么反之,如果当前语句不能被正确解析,那么就不会添加分号,而是将此行的末尾和下一行的开头连起来解析,所以就会产生其他问题. a=1 b=1; // 第一个分号可以省略 var a a = 1 // 解析为 var a; a = 1; 因为等号是没办法解析的,…

JS分号惹的坑

JS中会自动清除句子和句子之间的空格以及tab缩进, 这样就可以允许用户编写的代码更加随性和更加可读, 在该行代码解析的时候如果该行代码可以解析, 就会在该行代码最后自动填写分号,如果该行代码无法解析就会把该行代码和下一句代码合并, 直到代码可以解析: Js中如果一个语句以 ( [ / + - 开头,就有可能与上一句合在一起解析也因为js会自动添加 ";" , 写js不注意就养成了不好的习惯, 代码有时候没事, 跑起来却出了错: 比如,少了一个分号就报错了: 运行下面代码 va…

Eclipse的Jar包解压出System.js里String与Boolean定义分号可有可无吗？

Eclipse的Jar包解压出System.js里String与Boolean定义分号可有可无吗? org.eclipse.wst.jsdt.core_1.3.300.v201410221502\libraries\system.js/** * Object String() * @constructor * @extends Object * @since Standard ECMA-262 3rd. Edition * @since Level 2 Document Object Model…