好吧,首先我应该问一下这是否依赖于浏览器.
我已经读过,如果找到一个无效的令牌,但代码段在该无效令牌之前有效,则在令牌之前插入分号(如果前面有换行符).
但是,由分号插入引起的错误引用的常见示例是:
return
_a+b;
Run Code Online (Sandbox Code Playgroud)
..它似乎不遵循这个规则,因为_a将是一个有效的标记.
另一方面,分解调用链按预期工作:
$('#myButton')
.click(function(){alert("Hello!")});
Run Code Online (Sandbox Code Playgroud)
有没有人对规则有更深入的描述?
我在这里读到默认导出后我不需要加分号.所以这个程序有一个不必要的分号:
export default function() {};
Run Code Online (Sandbox Code Playgroud)
但如果我的模块继续这样:
export default function() {};
(() => {
// creating a new function scope
})();
Run Code Online (Sandbox Code Playgroud)
然后我不能留下分号.
那么这里发生了什么?语法说我不需要分号,但如果我离开它,代码意味着别的什么?
更新:
如果我留下分号:
export default function() {}
(() => {
// creating a new function scope
})();
Run Code Online (Sandbox Code Playgroud)
然后调用导出的函数而不是导出函数.babeljs.io将后者编译成:
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = (function () {})(function () {
// creating a new function scope
})();
;
module.exports = exports["default"];
Run Code Online (Sandbox Code Playgroud)
更准确地说,在调用它之后会抛出一个错误,因为第一个函数的返回值也会被调用(但这不是函数).我在chrome中遇到的错误是这样的:
Uncaught TypeError: (intermediate value)(...) is not a function(…)
Run Code Online (Sandbox Code Playgroud)