首页 > 网站 > WEB开发 > 正文

JS自动填写分号导致的坑

2024-04-27 14:11:16
字体:
来源:转载
供稿:网友

JS自动填写分号导致的坑

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

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

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

  比如,少了一个分号就报错了;

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

  我们期望他这么走:

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

  实际上是这样的:

var ay = 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 ab=3console.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/18209252090847232new function () { /* code */ }new function () { /* code */ } () // 如果需要传递参数,只需要加上括弧()

  

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

//如果这么写,实际上return的是空值;+function(){    return     {a:1}}();//这个才是对的+function(){    return  {a:1}}()

  所以,写js还是老老实实的加分号吧;

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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表