美文网首页
6.了解分号插入的局限

6.了解分号插入的局限

作者: Somnusochi | 来源:发表于2017-12-13 16:47 被阅读0次

JavaScript能够离开语句结束分号工作

function Point(x,y) {
  this.x = x || 0
  this.y = y || 0
}
Point.prototype.isOrigin = function() {
  return this.x === 0 && this.y ===0
}

JavaScript分号插入规则

分号仅在}标记之前、一个或多个换行之后和程序输入的结尾被插入。

// current
function square(x) {
  var n = +x
  return n * n
}
function area(r) { r = +r; return Math.PI * r * r }
function add1(x) {return x + 1}
// error
 function area(r) { r = +r return Math.PI * r * r }

分号仅在随后的输入标记不能解析时插入。

a = b
(f());
// 等效于
a = b(f());

a = b
f();
// 等效于
a = b;
f();

5个明确有问题需要密切注意的字符串([+-/

// [ 解析出现问题的🌰
a = b
["r", "g", "b"].foreach(function(key) {
  background[key] = foreground[key] / 2;
});
// 等价于
a = b["r", "g", "b"].foreach(function(key) {
  background[key] = foreground[key] / 2;
});
// 等价于
a = b["b"].foreach(function(key) {
  background[key] = foreground[key] / 2;
});

// / 解析出现问题的🌰
a = b 
/Error/i.test(str) && fail();
被解析为
a = b / Error / i.test(str) && fail();
// 初始的 / 字符串被解析为除法运算符 

通过声明来保证语句不会被错误地解析

a = b
var x
(f())
// 若是声明语句被提前,代码会被错误解析
var x
a = b
(f())
// 解析为
var x ;
a = b(f());

通过前置一个额外分号来确保程序

var x
a = b
;(f())

// file1.js
;(function() {
  // ...
})()

// file2.js
;(function() {
  // ...
})()

有一些情况下,尽管不会出现解析错误,JavaScript仍会强制地插入分号

// 🌰
return 
{ };
// 被解析为
return;
{ };
;
// return 关键字后的换行会强制自动地插入分号。 

其他限制产生式包括:

  • throw语句
  • 带有显式标签的break活continue语句
  • 后置自增或自减运算符

分号不会作为分隔符在 for 循环空语句的头部被自动插入

// error
for (var i = 0, total = 1
  i < n
  i++) {
    total *= i
}

// current
for (var i = 0, total = 1;
  i < n;
  i++) {
    total *= i
}

// error
function infiniteLoop() { while (true) }

// current
function infiniteLoop() { while (true); }

提示

  • 仅在 "}" 标记之前,一行的结束和程序的结束处推导分号。
  • 仅在紧接着的标记不能被解析的时候推导分号。
  • 在以 ( 、 [ 、 + 、 - 或 / 字符开头的语句前绝不能省略分号。
  • 当脚本连接的时候,在脚本之间显式地插入分号。
  • 在return、throw、break、continue、++ 或 -- 的参数之前绝不能换行。
  • 分号不能作为 for 循环的头部或空语句的分隔符而被推导出。

相关文章

  • 6.了解分号插入的局限

    JavaScript能够离开语句结束分号工作 JavaScript分号插入规则 分号仅在}标记之前、一个或多个换行...

  • javaScript 基础

    初学JavaScript基础 ASI 自动分号插入(ASI)的目标是使分号对行结束来来说是可选的。引入自动分号插入...

  • Excel快速输入当前日期时间

    1.插入当前日期按 Ctrl+;(分号) 2.插入当前时间按 Ctrl+Shift+;(分号)。 3.插入当前日期...

  • Airbnb规范

    不使用分号 使用分号 为什么? 当 JavaScript 遇到没有分号的换行符时,它使用一组称为自动分号插入的规则...

  • 重学前端——语法

    分号 1. 自动插入分号规则(1)有换行符,且下一个符号是不符合语法的,自动插入分号;(2)有换行符,且语法中规定...

  • 06丨到底要不要写分号呢?

    自动插入分号规则 自动插入分号规则其实独立于所有的语法产生式定义,它的规则说起来非常简单,只有三条。 要有换行符,...

  • [ECMAScript] 自动分号插入机制

    1. 插入分号 ECMAScript中,大部分声明和语句,都必须以分号结尾,原则上,必须书写这些分号。 但是为了方...

  • ASI(自动分号插入机制)和前置分号

    基本规则 以换行为基础,解析器会尽量将新行并入当前行,仅当符合ASI规则时才会将新行视为独立的语句。 ASI规则 ...

  • JS-为什么说添加分号是一个好习惯

    JavaScript在解析代码的时候并不是每行都添加分号的,自动分号插入(ASI)是JavaScript解析器添加...

  • no LineTerminator here

    自动插入分号规则 要有换行符,且下一个符号是不符合语法的,那么就尝试插入分号 有换行符, 且语法中规定此处不能有换...

网友评论

      本文标题:6.了解分号插入的局限

      本文链接:https://www.haomeiwen.com/subject/ncpnixtx.html