防止 JavaScript 自动插入分号

JavaScript语言有一个机制:在解析时,能够在一句话后面自动插入一个分号,用来修改语句末尾遗漏的分号分隔符。

然而,由于这个自动插入的分号与JavaScript语言的另一个机制发生了冲突,即所有空格符都被忽略,因此程序可以利用空格格式化代码。

这两种机制的冲突,很容易掩盖更为严重的解析错误。有时会不合时宜地插入分号。

例如,在return语句中自动插入分号将会导致这样的后果:

如果return语句要返回一个值,这个值的表达式的开始部分必须和return在同一行上,例如:

    var f = function(){

    return

    {

    status: true

    };

    }

看起来这里要返回一个包含status成员元素的对象。

不幸的是,JavaScript自动插入分号让它返回了undefined,从而导致下面真正要返回的对象被忽略。

当自动插入分号导致程序被误解时,并不会有任何警告提醒。

如果把{放在上一行的尾部而不是下一行的头部,就可以避免该问题,例如:

    var f = function(){

    return {

    status: true

    };

    }

为了避免省略分号引起的错误,建议养成好的习惯,不管一行内语句是否完整,只要是完整的语句都必须增加分号以表示句子结束。

为了方便阅读,当长句子需要分行显示时,在分行时应确保一行内不能形成完整的逻辑语义。

例如,下面代码是一条连续赋值的语句,通过分行显示可以更清楚地查看它们的关系。

这种分行显示,由于一行内不能形成独立的逻辑语义,因此JavaScript不会把每一行视为独立的句子,从而不会产生歧义。

    var a =

    b =

    c =  4;

以上语句在一行内显示如下: var a = b = c = 4;

对于下面这条语句,如果不能正确分行显示,就很容易产生歧义。

该句子的含义:定义一个变量i,然后为其赋值,如果变量a为true,则赋值为1,否则就判断变量b,如果b为true,则赋值为2,否则就判断变量c,如果c为true,则赋值为3,否则赋值为4.

var i = a ? 1 : b ? 2 : c ? 3 : 4;

下面的分行显示就是错误的,因为表达式a ? 1: b能够形成独立的逻辑语义,所以JavaScript会自动在其后添加分号来表示一个独立的句子。

    var i = a ? 1: b

    ? 2 : c

    ? 3 : 4;

安全的方法应该采用如下的分行显示,这样每一行都不能形成独立的语义。

  var i = a ? 1

    : b ? 2

    : c ? 3

    : 4;

总之,在编写代码时,应养成使用分号结束句子的良好习惯,凡是完整的句子就应该使用分号进行分隔。

分行显示的句子应该确保单行不容易形成独立的合法的逻辑语义。

时间: 2024-08-06 14:01:04

防止 JavaScript 自动插入分号的相关文章

JavaScript中的分号插入机制

仅在}之前.一个或多个换行之后和程序输入的结尾被插入 也就是说你只能在一行.一个代码块和一段程序结束的地方省略分号. 也就是说你可以写如下代码 function square(x) { var n = +x return n * n } 但是却不可以写的像下面代码一样,这样就报错了哦 function area(r) { r = +r return Math.PI*r*r }//error 仅在随后的输入标记不能解析时插入 也就是说分号插入是一种错误校正机制.看代码说话 a = b (f())

[转]JavaScript自动生成博文目录导航

转自:http://www.cnblogs.com/xdp-gacl/p/3718879.html 我们在写博客的时候,如果博文里面有目录,会给人结构清晰.一种一目了然的感觉,看目录就知道这篇博文要讲解的内容,并且点击目录标题就可以跳转到具体的内容,这样园友们在看博客的时候就可以很方便地浏览自己感兴趣的内容,但是遗憾的是博客园不支持博文目录的生成,好像也有园友给博客园提建议,希望能够像CSDN那样能够自动生成博文目录,但是不知道是什么原因,博客园一直都没有把这个功能加上去,既然没有,那我就自己做

webstorm 不知道手贱点了什么,有时候会自动删除分号

https://segmentfault.com/q/1010000009184137?_ea=1845711 webstorm 不知道手贱点了什么,有时候会自动删除分号 webstorm javascript 繁忙的耗子 4月25日提问 关注 4 关注 收藏 0 收藏,470 浏览 问题对人有帮助,内容完整,我也想知道答案0问题没有实际价值,缺少关键内容,没有改进余地 怎么恢复过来? 4月25日提问 评论 邀请回答 编辑 默认排序时间排序 3个回答 答案对人有帮助,有参考价值0答案没帮助,是错

JavaScript语法中分号使用的细节

关于JavaScript中可选分号的问题有几个细节要注意: 一般来说,JavaScript和其他语言一样都是使用分号,将语句隔开,但在JavaScript中,如果语句各自独立一行,有时也可以省略分号的 细节1: 如果当前语句和随后的非空格字符不能当成一整体来解析的话,JavaScript就在当前语句行结束处自动填补分号 var a a = 3 console.log(a); JavaScript将上述代码解析为: var a; a=3; console.log(a); 第一行代码 var a自动

怎么在数据库表里面自动插入日期字段

1引言 你点击了桌面上的Chrome图标,一个浏览器窗口出现了,输入网址就可以在Internet世界愉快玩耍.这一切是怎么实现的呢?Chromium这个多进程的程序是如何启动各个进程的呢?浏览器主进程(界面进程)启动了哪些线程?如何启动的呢?这些问题一直萦绕在心头,一起来看看源代码吧.本文主要针对Chromium for Mac的源代码,其它操作系统大同小异. 2背景知识 浏览器作为一个应用程序,是以进程的形式运行在操作系统上的.首先,Chromium是一个多进程的应用程序,我们需要了解Chro

knockout-validation不自动插入错误消息

<div data-bind="validationOptions:{insertMessages:false}"> <div class="validationMessage" data-bind="validationMessage:field_name"></div> </div> 在局部容器总使用insertMessages: false,即可局部不自动插入错误消息,用自己的容器直接插入即可

vim 新建文件后自动插入模板

一.标题:vim 新建文件后自动插入模板 二.概要    无论是Linux系统管理员,还是linux开发程序员,都经常驻足于linux环境下的vi 编辑器编程开发.本篇分享,工作中的实用的编程工具技巧,可轻松一键搞定你设计想要的模板格式. 三.需求 在vi编辑器里,新建编码文件总是空白,有什么办法可以创建时,预先就指定对应的模板格式呢?怎么可以节省注释啊.编码格式啊.更新创建日期啊等等的备注呢? 四.实现 4.1 #vi ~/.vimrc (没有则新建一个  -rw-r--r--) 4.2 将以

JS自动填写分号导致的坑

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

最新javascript自动按比例显示图片,按比例压缩图片显示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ