javascript – 为什么两个函数调用的括号之间的换行不被视为js中的两个语句?

前端之家收集整理的这篇文章主要介绍了javascript – 为什么两个函数调用的括号之间的换行不被视为js中的两个语句?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

为什么在js上做出这种糟糕的设计?是否有任何特殊原因设计这样的自动分号插入?

这是我的代码,它在chrome中的js中不起作用:

(function(){console.log("abc");})()

(function(){console.log("123");})();

这是错误

Uncaught TypeError: (intermediate value)(...) is not a function

我知道这段代码的正确版本是:

(function(){console.log("abc");})();

(function(){console.log("123");})();

我只是想知道为什么js语法设计得如此愚蠢.历史原因?

我也添加这个问题作为警告,每个人都尝试使用javascript的自动分号插入,请添加;它需要的任何地方,javascript的自动分号插入都是垃圾.它没有像你期望的那样工作.

现有的答案对我来说太复杂了,所以我问一个新答案:

https://stackoverflow.com/a/2846298/1586797

另一个看起来不错但不是工作案例2:

x=1

(function(){console.log("123");})()
最佳答案
链接问题的答案解释了规范对ASI的三个规则,例如this one.tl; dr:

>如果不起作用,请尝试使用分号.
>程序应以分号结束.
>如果声明中说“不能在此处添加换行符”,请使用分号进行惩罚.

您的代码不符合任何条件.

>第一行可以返回一个函数,如果是,则应该允许调用函数;所以(第二行开头并不违法
>第一行不是程序的最后一行
>这里没有受限制的语法.

因此,没有自动分号给你.

有些人因此声称虽然(f(){})()语法是很好的IIFE语法,但它可能是好的!f(){}()代替:

!function(){console.log("abc");}()

!function(){console.log("123");}();

这是按预期工作的,因为!只是否定函数应用程序的(废弃)结果,也是因为!纯粹的一元运算符是继续第一行的非法字符(即f(){}()!不是一个东西).这会触发规则1,并且可以进行ASI.

反驳的是,它是丑陋的(即对于那些不熟悉这种做法的人来说,他们需要一段时间来理解这个成语的目的!).

你的第二个例子本质上是相似的:就JS解析器而言,1是一个值(事实上它是一个整数,并且不可能是一个函数有点丢失它).看看这个语法完全等同于你的例子:

a=function(f) { console.log("A CALLED!"); return f; }
x=a
(function(){console.log("123");})()
# => A CALLED!
     123

这里,a是一个函数,因此可以使用function(){console.log(“123”);}作为参数调用它;它在打印到控制台后返回function(){console.log(“123”);}; then()调用返回值,并打印123.一切正常.因此,规则#1不会被触发,也不会为您分号.

原文链接:https://www.f2er.com/js/429379.html

猜你在找的JavaScript相关文章