JS分号惹的坑

2018-06-24 01:37:40来源：未知阅读 ()

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

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

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

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

运行下面代码

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

　　我们期望他这么走：

运行下面代码

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

　　实际上是这样的：

运行下面代码

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

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

运行下面代码

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

　　我们期望他这么走的：

运行下面代码

var a = 0;
[a,2,3].forEach(function(){})

　　实际上是这样的：

运行下面代码

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

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

运行下面代码

x = 0;
y = 0;
x
++
y;

　　我们期望的是这样的：

运行下面代码

x = 0;
y = 0;
x++;
y;

　　实际上是这样的:

运行下面代码

x = 0;
y = 0;
x;
++y;

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

运行下面代码

var a
b
=
3
console.log(b);

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

运行下面代码

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

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

运行下面代码

// 下面2个括弧()都会立即执行
(function () { /* code */ } ()); // 推荐使用这个
(function () { /* code */ })(); // 但是这个也是可以用的

// 由于括弧()和JS的&&，异或，逗号等操作符是在函数表达式和函数声明上消除歧义的
// 所以一旦解析器知道其中一个已经是表达式了，其它的也都默认为表达式了
// 不过，请注意下一章节的内容解释

var i = function () { return 10; } ();
true && function () { /* code */ } ();
0, 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:1}
}();

//这个才是对的
+function(){
    return  {a:1}
}()

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

上一篇：webpack-4.0更新日志

下一篇：懒加载预加载(图片)

IDC资讯：主机资讯注册资讯托管资讯 vps资讯网站建设

网站运营：建站经验策划盈利搜索优化网站推广免费资源

网站联盟：联盟新闻联盟介绍联盟点评网赚技巧

行业资讯：搜索引擎网络游戏电子商务广告传媒

网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它

服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器安全防护

软件技巧：其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷

网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash

程序设计： Java技术 C/C++ VB delphi

网络知识：网络协议网络安全网络管理组网方案 Cisco技术

操作系统： Win2000 WinXP Win2003 Mac OS Linux FreeBSD

热门词条

最新资讯

热门关注

热门标签

JS分号 惹的坑

JS分号惹的坑