首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS魔法堂:ASI(自动分号插入机制)和前置分号

但单纯的敬佩是不足以回报他如此优秀的文字,必须深入理解文字的含义和背后的原理才不愧呢!   在这之前我们需要先理解ASI(自动分号插入机制)。...的,而且必须分号,否则编译就不通过了。...ASI机制不是说在解析过程中解析器自动把分号添加到代码中,而是说解析器除了分号还会换行为基础按一定的规则作为断句的依据,从而保证解析的正确性。    首先这些规则是基于两点: 1....那既然存在ASI机制,那为什么还有那么多团队的代码规范中还规定必须分号呢?不外乎三个原因:1. 因为存在No ASI的情况,懒得记忆这些特例;2....对于我这种能少敲键盘则少敲,能不用鼠标就不用的大懒虫,自然而然加入到“无分号党”的怀抱咯,入党的前提条件就是记住一下规则来应付No ASI的情况: 在 ([/+- 开头的语句前加分号(由于正常写法均不会出现以

1.8K80

JS分号可以省掉吗?

第一反应就是JS引擎将代码生成语法树的时候,可能解析不正确。于是,我在第一行末尾加分号测试。...大宗师Douglas Crockford表示要正确使用分号 引用minhan在扯不完的 JS 分号问题文中的论述: JSON、JSLint、JSMin和ADSafe 的创造者、ECMA JavaScript...如果你不想用分号,又怕出问题,v2ex上有位童鞋给出了一个速记方案: 如果你写 JS 代码不喜欢带分号,而又搞不清什么时候必须分号,可以这么做:在 "("、"[" 、"/"、"+"、"-" 开头的语句前面都加上一个分号...我最终的解法是先声明一个变量来指向这个数组,这样就可以避免[开头,又不使用分号: let indexArray = [1, 2, 3] indexArray.map(i=>console.log(i)...版权声明 转载时请注明作者 Fundebug以及本文地址: https://blog.fundebug.com/2018/09/18/js-semicolon-bug/

9K60
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS该写分号嘛? - wuuconixs blog

    ASI 在写JS之前,我一直在写Python,习惯了没有分号的代码。 刚好,JS为我们提供了 自动分号插入 Automatic Semicolon Insertion!...> node 1.js /root/1.js:2 (function log() { ^ TypeError: 1 is not a function 提示显示1不是一个函数,看来引擎把代码理解成了这个样子...> node 1.js /root/1.js:2 [a, b] = [b, a] ^ ReferenceError: Cannot access 'b' before initialization...总结 实际上,完全不用为了ASI在一些情况下导致错误而每行都加上一个分号。...对于我目前遇到的这两种情况,可以总结一下,如果一行的开始是一个(或者[,那么再上一行你需要手动加上一个分号,至于其他的情况,完全不用考虑分号~ 还可以参考一下尤大的这篇回答 https://www.zhihu.com

    1.2K20

    node.js要不要加分号

    一开始,关于在node.js句末不加分号,我是拒绝的。因为有时不加分号会报错。 我觉得node.js在语法层面挺拧巴的,要么就像PHP那样严格要求加分号,要么就像python一律不加分号。...加不加分号,这是一个问题 直到有一天我了解了加不加分号的场景,才终于释然 一言蔽之:当代码是以 ( [ ` 这些符号开头时,就需要在代码之前加上分号,其他场景都不需要加分号 let msg =....js:3 (function () { ^ TypeError: "加不加分号呢" is not a function at Object....:191:16) at bootstrap_node.js:612:3 正确的写法: let msg = '加不加分号呢' ;(function () { console.log('我是一个匿名函数...') }()) 同理, [ 或 ` 开头的代码应该这么写: ;['章北海', '罗辑'].forEach(function (item) { console.log(item) }) ;`

    2K20

    TED演讲 | 盲目信仰大数据的时代必须结束

    更糟的还在后面,纽约邮报提出了“信息自由法”的要求,来得到所有老师的名字与他们的分数,并且他们羞辱老师的方式发表了这些数据。...我们不能,我们必须检查。我们必须检查它们是否公平,好消息是,我们可以做到这一点。 算法应该被审计 算法是可以被审问的,而且每次都能告诉我们真相。然后我们可以修复它们,我们可以让他们变得更好。...其次,我们必须考虑准确性。这就是针对教师的增值模型立刻失效的地方,当然,没有一个算法是完美的,所以我们要考虑每一个算法的误差。出现错误的频率有多高,让这个模型失败的对象是谁?失败的代价是什么?...算法创造者的责任 最后,我们必须考虑这个算法的长期的效果,与正在产生的反馈循环。这听起来很抽象,但是想象一下如果脸书的工程师们之前考虑过,并决定只向我们展示我们朋友所发布的东西。...盲目信仰大数据的时候必须结束 ,非常感谢。 以下是作者TED视频: 翻译:网易公开课 编辑和整理:PPV课数据科学社区

    83480

    【前端性能】必须要掌握的原生JS实现JQuery

    在这个各种类库满天飞的时候,不得不说的是,能有原生JS快吗? 是的,明显原生JS要更快,因为诸如JQuery这样的库必须要兼容各种浏览器和低版本和许多其他的东西,考虑通用性必然会导致性能的损耗。...当然,我不是提倡写代码纯用原生JS实现,我记得淘宝玉伯曾经说的一句话“框架能够让我们走的更快,但只有了解原生的JS才能让我们走的更远”。...然而在大多数的情况下,我们可以使用相同的代码量用原生JS轻易实现。...当然,如果使用原生JS实现这些功能,代码量肯定是会有所增加的,不过我们也可以将这些功能封装成函数,下面是一些常用的DOM操作的原生JS实现。...那么你是否觉得使用原生JS实现会很麻烦呢?其实不然,因为有classList。下面是一些关于JQuery css操作的JS原生实现。

    1.3K30

    写给前端专家的一封公开信:关于分号(翻译)

    但是我不是很敢学的你风格,因为很多 JS 教材都说 JS 解释器的自动加分号机制会对代码有影响。 如果我不把逗号放在行尾,而是放在下一行行首,在浏览器里是否安全呢?...Inimino 的文章《JS 分号必知必会》对此解释得很清楚,他本人对是否添加分号持保留意见,但我打算更主观一些。...或者 , 结束) 这一行的内容是 -- 或 ++(这会使下面一行自增或自减) 这一行是 for() while() do if() 或 else 等语句,且不带 { 下一行 [ ( + * / - ,...比如 foo(); [1,2,3].forEach(bar); 可以写成 foo() ;[1,2,3].forEach(bar) 这样写的好处是行首分号更容易引起注意,而且你会习惯于在 ( 和 [ 开头的语句前面加上分号...// 预期 return 7 // 产生错误 return 7 我必须再一次强调,在你改变了「在一切语句后面加分号」的习惯后,这种问题是非常容易发现和避免的。

    77870

    写给前端专家的一封公开信:关于分号(翻译)

    但是我不是很敢学的你风格,因为很多 JS 教材都说 JS 解释器的自动加分号机制会对代码有影响。 如果我不把逗号放在行尾,而是放在下一行行首,在浏览器里是否安全呢?...Inimino 的文章《JS 分号必知必会》对此解释得很清楚,他本人对是否添加分号持保留意见,但我打算更主观一些。...或者 , 结束) 这一行的内容是 -- 或 ++(这会使下面一行自增或自减) 这一行是 for() while() do if() 或 else 等语句,且不带 { 下一行 [ ( + * / - ,...比如 foo(); [1,2,3].forEach(bar); 可以写成 foo() ;[1,2,3].forEach(bar) 这样写的好处是行首分号更容易引起注意,而且你会习惯于在 ( 和 [ 开头的语句前面加上分号...// 预期 return 7 // 产生错误 return 7 我必须再一次强调,在你改变了「在一切语句后面加分号」的习惯后,这种问题是非常容易发现和避免的。

    51310

    入门 node.js必须知道的那些事

    require 来引入一个 js 文件 新建文件 b.js 并在文件中引入 a.js touch b.js require('..../a.js') 执行 b.js node b.js 命令行会输出 10 20 node 中的模块概念 node 中一个模块就是一个 js 文件,多个模块组成一个特定功能的一堆文件叫包 一个 js 文件可以定义它自己暴露给外部的变量.../a.js')//fun1和fun2必须跟a.js中的变量名相同,这里是固定的 fun1() //会打印出aaa fun2() //会打印出bbb a.js //类的写法 function Test()...module.exports 的值,也不会影响到文件输出的变量 再比如 module.exports={},这样造成的效果和上面 exports={} 的效果是一样的 建议:如果你还傻傻分不清楚它们的区别,以后在不是必须用到...module.exports 的时候只用 exports, 如果导出一个类这样的必须用到 module.exports 就不要使用 exports 了, 不要混在一起用就不会出错了 4. node

    1.1K00
    领券