js中函数声明与函数表达式
更新时间：2015年06月03日 11:09:59 投稿：hebedich
js的解析器对函数声明与函数表达式并不是一视同仁地对待的。对于函数声明，js解析器会优先读取，确保在所有代码执行之前声明已经被解析，而函数表达式，如同定义其它基本类型的变量一样，只在执行到某一句时也会对其进行解析，
目前为止，我们一直没有对函数声明和函数表达式加以区别。而实际上，解析器在向执行环境中加载数据时，对函数声明和函数表达式并非一视同仁。解析器会率先读取函数声明，并使其在执行任何代码之前可用（可以访问）；至于函数表达式，则必须等到解析器执行到它所在的代码行，才会真正被解释执行。如下例子：
复制代码 代码如下:
alert(sum(10,10));
function sum(num1,num2)
{
return num1+num2;
}
以上代码完全可以正确执行，因为在代码开始执行之前，解析器就已经通过一个名为函数声明提升（function declaration hoisting）的过程，读取并将函数声明添加到执行环境中。对代码求值时，JavaScript引擎在第一遍会声明函数并将它们放到源代码树的顶部。所以，即使声明函数的代码在调用它的代码后面，JavaScript引擎也能把函数声明提升到顶部。如果像下面的例子所示，把上面的函数声明改为等价的函数表达式，就会在执行的时候出现错误。
复制代码 代码如下:
alert(sum(10,10));
var sum=function(num1,num2)
{
return num1+num2;
};
以上代码会在运行的时候出现错误，原因在于函数位于一个初始化语句中，而不是一个函数声明。换句话讲，在执行到函数所在的语句之前，变量sum中不会保存有对函数的引用；而且，由于第一行代码就会导致“unexpected identifier”（意外标识符）错误，实际上也不会执行到下一行。
除了声明时候可以通过变量访问函数这一点区别之外，函数声明与函数表达式的语法其实是等价的。
注：也可以同时调用函数声明和函数表达式，例如 var sum=function sum(){}。不过，这种语法在Safari中会导致错误。
以上所述就是本文的全部内容了，希望对大家学习javascript能够有所帮助。
相关文章
本篇文章主要是对页面图片浮动左右滑动效果的简单实现案例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要为大家详细介绍了微信小程序之购物车功能的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要为大家详细介绍了JavaScript实现密码框验证信息，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
这篇文章主要为大家介绍了Taro 小程序持续集成实现及原理详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
无缝滚动效果在各大网站都有这样的需求，应用非常广泛，下面小编给大家分享基于JS实现无缝滚动思路及代码，非常不错具有参考借鉴价值，感兴趣的朋友一起看下吧2016-06-06
这篇文章主要介绍了javaScript代码飘红报错看不懂？读完这篇文章再试试,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
纯Javascript实现Windows 8 Metro风格实现
Windows 8 Metro风格设计，实现网站或系统功能的导航，在本文将为大家介绍下如何用纯Javascript实现Windows 8 Metro风格，感兴趣的朋友可以参考下2013-10-10
有时候我们需要限制input只能输入有效的数字，有且只有一个小数点，第一个不能为小数点，那么就可以参考下面的函数来实现2018-09-09
这篇文章主要介绍了JavaScript实现的一个日期格式化函数分享,本文给出了实现代码和使用例子,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了在线所见即所得HTML编辑器的实现原理浅析,本文用初始化、打开编辑功能、获取编辑器的内容、增加样式设置、再进一步等步骤阐述在线编辑器的基本实现原理,需要的朋友可以参考下2015-04-04
最新评论