javascript 函数声明与函数表达式的区别介绍
更新时间：2013年10月05日 15:15:41 作者：
javascript中的函数声明与函数表达式使用比较频繁，可能很多的朋友都不知道他们之间的区别，在此为大家详细介绍下，希望对大家有所帮助
还是一样，先上代码：
<script>
var f = function g() {
return 1;
};
if (false) {
f = function g(){
return 2;
};
}
alert(g()); // 2
</script>
把这段代码扔到IE 6 里面和chorme里面是完全不同的两种效果。
这里输出2 是在ie6里面的效果，如果在chorme会出现g没有定义。
这也算是JScript的bug吧。
在这里很明显，这里的只是定义了g的函数表达式而已。包括在if的条件语句中，也只是定义了函数表达式，没有去声明函数。
那么这样直接访问肯定是会出错的。
那么对于何为声明，何为函数表达式呢？
在ECMAScript中，创建函数的最常用的两个方法是函数表达式和函数声明，两者期间的区别是有点晕，因为ECMA规范只明确了一点：函数声明必须带有标示符（Identifier）（就是大家常说的函数名称），而函数表达式则可以省略这个标示符：
函数声明:
function 函数名称 (参数：可选){ 函数体 }
函数表达式：
function 函数名称（可选）(参数：可选){ 函数体 }
所以，可以看出，如果不声明函数名称，它肯定是表达式，可如果声明了函数名称的话，如何判断是函数声明还是函数表达式呢？ECMAScript是通过上下文来区分的，如果function foo(){}是作为赋值表达式的一部分的话，那它就是一个函数表达式，如果function foo(){}被包含在一个函数体内，或者位于程序的最顶部的话，那它就是一个函数声明。
还有一种函数表达式不太常见，就是被括号括住的(function foo(){})，他是表达式的原因是因为括号 ()是一个分组操作符，它的内部只能包含表达式。
你可能会想到，在使用eval对JSON进行执行的时候，JSON字符串通常被包含在一个圆括号里：eval('(' + json + ')')，这样做的原因就是因为分组操作符，也就是这对括号，会让解析器强制将JSON的花括号解析成表达式而不是代码块。
复制代码 代码如下:
<script>
var f = function g() {
return 1;
};
if (false) {
f = function g(){
return 2;
};
}
alert(g()); // 2
</script>
把这段代码扔到IE 6 里面和chorme里面是完全不同的两种效果。
这里输出2 是在ie6里面的效果，如果在chorme会出现g没有定义。
这也算是JScript的bug吧。
在这里很明显，这里的只是定义了g的函数表达式而已。包括在if的条件语句中，也只是定义了函数表达式，没有去声明函数。
那么这样直接访问肯定是会出错的。
那么对于何为声明，何为函数表达式呢？
在ECMAScript中，创建函数的最常用的两个方法是函数表达式和函数声明，两者期间的区别是有点晕，因为ECMA规范只明确了一点：函数声明必须带有标示符（Identifier）（就是大家常说的函数名称），而函数表达式则可以省略这个标示符：
函数声明:
function 函数名称 (参数：可选){ 函数体 }
函数表达式：
function 函数名称（可选）(参数：可选){ 函数体 }
所以，可以看出，如果不声明函数名称，它肯定是表达式，可如果声明了函数名称的话，如何判断是函数声明还是函数表达式呢？ECMAScript是通过上下文来区分的，如果function foo(){}是作为赋值表达式的一部分的话，那它就是一个函数表达式，如果function foo(){}被包含在一个函数体内，或者位于程序的最顶部的话，那它就是一个函数声明。
还有一种函数表达式不太常见，就是被括号括住的(function foo(){})，他是表达式的原因是因为括号 ()是一个分组操作符，它的内部只能包含表达式。
你可能会想到，在使用eval对JSON进行执行的时候，JSON字符串通常被包含在一个圆括号里：eval('(' + json + ')')，这样做的原因就是因为分组操作符，也就是这对括号，会让解析器强制将JSON的花括号解析成表达式而不是代码块。
相关文章
本篇文章主要介绍了ES6新特性：使用export和import实现模块化详解，具有一定的参考价值，有兴趣的可以了解一下2017-07-07
下面小编就为大家带来一篇JS留言功能的简单实现案例(推荐)。小编觉得挺不错的， 现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
这篇文章主要介绍了基于JavaScript判断浏览器到底是关闭还是刷新(超准确)的相关资料,需要的朋友可以参考下2016-02-02
这篇文章主要介绍了小程序登录态和检验注册过没的app.js写法, 本文通过实例代码给大家介绍的非常详细，具有一定的借鉴价值，需要的朋友可以参考下2019-05-05
这篇文章主要介绍了JS实现的贪吃蛇游戏,结合完整实例形式分析了javascript实现贪吃蛇游戏的具体步骤、原理与相关操作技巧,需要的朋友可以参考下2019-01-01
这篇文章主要为大家详细介绍了js实现随机点名器的精简版，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
javascript设计模式 – 单例模式原理与应用实例分析
这篇文章主要介绍了javascript设计模式 – 单例模式原理与应用,结合实例形式分析了javascript单例模式原理、定义、应用场景及相关操作注意事项,需要的朋友可以参考下2020-04-04
bootstrap3-dialog-master模态框使用详解
这篇文章主要为大家详细介绍了bootstrap3-dialog-master模态框的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
function.bind()方法默认IE8是不支持的，下面有个小技巧可完美解决这个问题，为此疑惑的朋友可以看看2014-10-10
这篇文章主要为大家详细介绍了原生JS实现酷炫分页效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
最新评论