理解 javascript 中的函数表达式与函数声明

网络编程 2024/9/1 佚名

3 2 1

常用闭包的同学肯定很清楚下面一段代码：

//通常的闭包写法
(function () {
 ...
}())

那么我们的问题来了，为什么要在 function () {...}() 之外用圆括号包裹呢？解答这个问题，就需要我们理解 Javascript 中函数表达式与函数声明的概念。

函数定义带来的错误

虽然 function () {...} 看上去像是一个函数声明，但是由于没有函数名，它的本质其实是一个函数表达式。我们看下规范中对于函数声明与函数表达式的定义：

可以看出来，函数声明是必须带有函数名的。所以在直接执行 function () {...}() 时候会报语法错误，原因就是函数表达式被尝试解析为函数声明时没有找到函数名。

那么我们继续尝试写上函数名的情况：

function fn () {...}()

仍然会提示语法错误，不过这次的出错的位置在后面 () 中的 ) 上。

先不解释为什么，看接下来的示例:

从这个结果可以看出，函数声明之后的 () 会被解析为分组运算符，而不是函数调用。那么如何才能使函数执行呢？

如何正确解析函数表达式

根据规范，函数表达式必须在 Expression 中才能进行正确的语法解析。恰巧 () 在作为分组运算符时，里面的内容会被认为是 Expression。

(function () {...}())
(function () {...})()

上述两种写法都是正确的。第一种写法比较清晰，函数表达式被正确解析并调用。第二种写法中，解析器首先处理 (function () {...}) 部分，由于分组运算符不会对其中内容进行 GetValue 操作，所以在语句结束时，其中的函数表达式被直接返回，之后的 () 则表示函数调用。

我们来简单的用一个例子表示一下：

var a = function () {...}
(a()) //形同 (function () {...}())
(a)() //形同 (function () {...})()

这个例子稍有不恰当，因为直接执行 a() 是可行的，而直接执行 function () {...}() 则不行，原因就是上面提到的，function () {...} 被尝试解析为函数声明而引发了语法错误。

其他方式

上面我们提到通过 () 分组运算符，可以将匿名函数正确的理解为函数表达式。同理，我们也可以通过许多其他的运算符将函数表达式正确执行。

!function () {}()
void function () {}()
+function () {}()
-function () {}()
if (function () {}()) {} 
...

由于很多操作符会改变函数返回值，比如 !function () {return 0}，void function () {}()，+ function () {}() 等，所以我们一般使用 () 将匿名函数包裹使其被正确解析为函数表达式。

参考文章

http://www.zhihu.com/question/40902815/answer/88787368

http://www.zhihu.com/question/20292224

JS,函数声明,函数表达式,函数声明

标签：

JS,函数声明,函数表达式,函数声明

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

评论“理解 javascript 中的函数表达式与函数声明”

理解 javascript 中的函数表达式与函数声明

暂无“理解 javascript 中的函数表达式与函数声明”评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新动态

20240901

理解 javascript 中的函数表达式与函数声明

JS,函数声明,函数表达式,函数声明

js中变量的连续赋值(实例讲解)

微信小程序之绑定点击事件实例详解

评论“理解 javascript 中的函数表达式与函数声明”

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新动态

友情链接