美文网首页JAVASCRIPT编入集
十、{ } 、 ( )有话说

十、{ } 、 ( )有话说

作者: loster | 来源:发表于2018-01-03 10:34 被阅读25次
javascript编入集

昨天在群里,激烈的讨论着一个很简单的问题 ( {}+[] ) 输出什么。其实,只要明白这里 + 是干什么的就很容易知道这个是干什么的实际上就是两个对象的“加法”

( {}+[] ) // 等价于
({}.toString() + [].toString())

但是为什么会有一个 ( ) 包裹起来呢,还是说为什么这里{ }在前就需要用到它。
在这之前,需要说一下 { }
{ } 它本身代表的含义是 object对象的字面量。但是同时他又代表的是函数体或者复合语句块(block)。比如

function some ()
{  }
// or
if()
{   }
while()
{   }
// or
{  }

虽然换行了,但是这样写是没有错的。
并且来说,如果单独的 { } 是作为语句块来执行的,内部内容等效于 eval 看(block)NOTE 部分

{ var a =1 } //
eval("var a = 1")

但是如果只单独写:

{  } + [ ]

如果只写了一个这个的话,左边就不能严格的区分是对象
实际上这句话在解释的时候被解释为了两句:

{};
+[];

所以不管左侧的 {} 是什么内容,都不会被右侧的 + 所使用。

但是 加上( )之后,就不是了。
( ) 代表的是表达式。表达式内是不主动加;[1],因此, ( {} + [] ) 就可以得到正确的运算结果了。
如果反过来,就不会出事:

[] + {}

那是因为 这里的[ ] 并不会被解释为其他行为,所以不会断句。就可以正确得到想要的结果了。

具体的执行流程需要看一下AST(Abstract Syntax Tree)[2],同时一款工具 esprima可以查看具体解析内容。

先知且为之,后知而食之


  1. 添加;的行为只在语句的末尾添加,如果下一行可以与上一行连用,则不会加。因为js是会被压缩到一行的,解释器为了解释所以会主动进行断句。

  2. 抽象语法树,将js的源文件解释为可以执行的语法树,标注每一个语句的具体内容

相关文章

  • 十、{ } 、 ( )有话说

    昨天在群里,激烈的讨论着一个很简单的问题 ( {}+[] ) 输出什么。其实,只要明白这里 + 是干什么的就很容...

  • 有话说——十

    17.9.20 0920有话说 起先我对阅读并没有很深的了解,只是简单的认为阅读就只是读,没有技巧的。 在听了一节...

  • 阿十有话说

    【感谢各位会员,一直以来坚守在我们152这个大家庭,也欢迎以后来自不同地方的,即将成为家人的你们。 【做我们这份兼...

  • 话说(十)

    话说又快下班了,这个标题用了十次了,其实再继续用下去也无妨。毕竟无论怎么写都是,话说,说话。 只是想与不想的问...

  • 有话说

    我住院的事,只告诉了一个朋友。这位朋友一周探望我两次。她坐着公交车,单程大约一个小时。尤其今天一直下雨,她...

  • 有话说

    在我的记忆里,爷爷总是说,“人生就像一辆列车,每到达一站,有人上车,陪你走过一段旅程,有人下车,消失在你...

  • 有话说

    土土,因为我的过错,使得你半夜发烧。还好你足够勇敢、坚强,熬过去。 其实妈妈有好多话想对你说。我要感谢上天把...

  • 有话说

    很多人说我把凤九帝君人设写崩了,在三生三世十里桃花里,凤九跟着帝君吃了不少苦,都没有得到帝君的爱,虽然说帝君爱凤九...

  • 有话说

    混迹简书已经很久了呢! 之前为什么卸载,之后这两天下载回来并日更挑战,因为简书啊真的是个好地方,更自由。不过现在的...

  • 有话说

    崔永元,已经成为了一个标志,一个敢于讲真话的标志。现在全国上下,对他的崇拜已经达到了一个非常高的高度,在同样的圈子...

网友评论

    本文标题:十、{ } 、 ( )有话说

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