正文

JS自动填写分号导致的坑

IP云
IP云V管理员/2 阅读
11/28
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

JS中会自动 清除 句子和句子之间的 空格 以及 tab缩进 ， 这样就可以允许用户编写的代码更加随性和 更加可读 ， 在该行代码解析的时候如果该行代码可以解析， 就会在该行代码最后自动填写分号，如果该行代码无法解析就会把该行代码 和下一句代码合并 ， 直到代码可以解析；

Js中如果一个语句以 (  [ / + - 开头，就有可能与上一句合在一起解析

也因为js会自动添加 “ ; ” , 写js不注意就养成了不好的习惯， 代码有时候没事， 跑起来却出了错；

比如，少了一个分号就报错了； 

var a

y = +a

(a+y).toString();

我们期望他这么走： 

var a

y = +a;

(a+y).toString();

实际上是这样的： 

var a

y = +a(a+y).toString();

比如,这个也是因为少了一个分号 

var a =

[a,,].forEach(function(){})

我们期望他这么走的： 

var a = ;

[a,,].forEach(function(){})

实际上是这样的： 

var a = [a,,].forEach(function(){})

也因为js的自动添加分号机制，有下面的问题， 虽然很少人这么写： 

x = ;

y = ;

x

++

y;

我们期望的是这样的： 

x = ;

y = ;

x++;

y;

实际上是这样的: 

x = ;

y = ;

x;

++y;

js并不是所有的换行都添加分号， 只有缺少了分号无法执行的时候才添加分号，如： 

var a

b

=

console.log(b);

也因为js的自动添加分号机制； 

function(){}() 这句话会变成这样：

function(){};

();

如果期望他正常执行，(汤姆大叔的例子); 

// 下面2个括弧()都会立即执行

(function () { /* code */ } ()); // 推荐使用这个

(function () { /* code */ })(); // 但是这个也是可以用的

// 由于括弧()和JS的&&，异或，逗号等操作符是在函数表达式和函数声明上消除歧义的

// 所以一旦解析器知道其中一个已经是表达式了，其它的也都默认为表达式了

// 不过，请注意下一章节的内容解释

var i = function () { return ; } ();

true && function () { /* code */ } ();

, function () { /* code */ } ();

// 如果你不在意返回值，或者不怕难以阅读

// 你甚至可以在function前面加一元操作符号

!function () { /* code */ } ();

~function () { /* code */ } ();

-function () { /* code */ } ();

+function () { /* code */ } ();

// 还有一个情况，使用new关键字,也可以用，但我不确定它的效率

// http://twitter.com/kuvos/status/18209252090847232

new function () { /* code */ }

new function () { /* code */ } () // 如果需要传递参数，只需要加上括弧()

如果有返回值， 比如return， break ， continue的代码后面也不能换行， 导致维护的时候出了问题都无从找起； 

//如果这么写，实际上return的是空值;

+function(){

    return

    {a:}

}();

//这个才是对的

+function(){

    return  {a:}

}()

所以，写js还是老老实实的加分号吧；

ok了，说了这么多，反正我不写分号O(∩_∩)O哈！

相关阅读

目录[+]