Javascript中两种方式定义函数的区别

 

相信两种方式大家都用过，但未必所有人都知道其 区别，内部原理。

// 方式1
function func1(x,y){
	// your code
}	
// 方式2
var func2 = function(x,y){
	// your code
}

 

方式1 是典型的函数声明(Function declarations)。

方式2 是函数表达式(Function expressions)，将一个匿名函数赋值给一个变量。或者说方式2中创建了一个具有形参为x,y的匿名函数，然后把该匿名函数赋值给变量func2。

其主要区别在于：

1， 函数声明需显示的指定函数名，这里是func1；函数表达式则使用匿名函数

2， 方式1在代码执行之前(解释期)被加载到作用域中，方式2则需在代码执行时(运行期)加载

一个简单示例就明白了它们在使用上的区别

alert(func1); // --> func1源码
alert(func2); // --> undefined
// 方式1
function func1(x,y){
	// your code
}	
// 方式2
var func2 = function(x,y){
	// your code
}

 

可以看到，第一次弹出的是func1的源码，第二次却是undefined。即采用方式1(函数声明)定义函数，可以在该函数代码之上使用它，采用方式2(函数表达式)定义函数则不能在其定义前使用，只能在其定义后使用。

其内部涉及到 执行上下文(Execution context)及 激活对象(Activation object)。想更深了解的请阅读EcmaScript 5文档。

最近发现越来越多的人喜欢使用方式2定义函数，尤其在嵌套函数中。如单纯的定义一个函数个人还是习惯方式1。 

评论

12 楼 mimang2007110 2010-10-28  

这两种定义方式哪种效率更好一些呢？？？？

11 楼 select*from爱 2010-10-15  

代码顺序执行原则，如果在函数前调用该函数，可能会引起逻辑混乱
我一般采用第二种方式 在定义某些全局类的时候用第一种

10 楼 ccyingfu 2010-10-15  

看情况，看习惯，看类的设计方式。

9 楼 西门吹牛 2010-10-12  

soni 写道

可以这样简单理解，js解释器在执行js代码的时候分为2个阶段。
首先，加载所有函数声明，初始化var声明的变量。
然后，顺序执行代码。

所以，无论函数在那里声明，都会最先加载，保证在运行时函数是有效的。是不是匿名函数没啥区别。
初始化var声明的变量，只是表明变量存在，变量的赋值在执行时进行。

但是，实际上的执行过程比这个要复杂些，其中还涉及到变量的范围，作用域链等细节。

多谢解答,谢谢

8 楼 soni 2010-10-12  

可以这样简单理解，js解释器在执行js代码的时候分为2个阶段。
首先，加载所有函数声明，初始化var声明的变量。
然后，顺序执行代码。

所以，无论函数在那里声明，都会最先加载，保证在运行时函数是有效的。是不是匿名函数没啥区别。
初始化var声明的变量，只是表明变量存在，变量的赋值在执行时进行。

但是，实际上的执行过程比这个要复杂些，其中还涉及到变量的范围，作用域链等细节。

7 楼 西门吹牛 2010-10-12  

什么 解释期？什么运行期？难道js也有一个“编译”的过程？
解释期是不是可以理解为js运行环境的初始化，函数内var声明的变量会被归属给该函数，所以在声明之前调用不会报错？
什么是执行上下文(Execution context)？ 激活对象(Activation object)？希望楼主不要抛出一个概念，又不做解释!我会很痛苦的

6 楼 love_ai87 2010-10-12  

markone 写道

楼主可以做另一个实验，更简单一些的实验：
function func() {
    alert(v1);
}
func();
这时会抛出异常，因为从当前context一直找到global都没有这个对象。

而如果：
function func() {
    alert(v1);
    var v1 = 1;
}
这时候会弹出窗口undefined
这说明js引擎在构造函数context和activation object的时候（称为构建期），会事先检查var关键字并创建reference，只是这个reference的赋值是runtime的

而用function func() {}这种非匿名方式创建的函数，在构建期就会被加入活动对象中。
个人估计，这是为了闭包~

不错，楼主的命题虽小但是包含了许多语言特性。

你这例子前后都不一致，根本说明不了什么东西，在js里面，定义在函数里的局部变量，是在整个函数范围可以访问的，所以是可以在定义前访问的，和函数声明方式没关系

5 楼 markone 2010-10-11  

个人推荐
如果函数要作为回调传给别的上下文，应该使用var func = function(){}这种方式
而如果函数要在当前上下文中作为private使用，则用function func(){}这种非匿名方式更好。

4 楼 markone 2010-10-11  

楼主可以做另一个实验，更简单一些的实验：
function func() {
    alert(v1);
}
func();
这时会抛出异常，因为从当前context一直找到global都没有这个对象。

而如果：
function func() {
    alert(v1);
    var v1 = 1;
}
这时候会弹出窗口undefined
这说明js引擎在构造函数context和activation object的时候（称为构建期），会事先检查var关键字并创建reference，只是这个reference的赋值是runtime的

而用function func() {}这种非匿名方式创建的函数，在构建期就会被加入活动对象中。
个人估计，这是为了闭包~

不错，楼主的命题虽小但是包含了许多语言特性。

3 楼 mimang2007110 2010-10-11  

这两种方法哪一种更好一些呢？？？

2 楼 doabit 2010-10-10  

第二种方法和AS3里面的一样，定义成变量。可以像变量一样使用方法，，改变这个变量所对的方法。。反正我个人是这么理解的

1 楼 tang_123_ 2010-10-10  

第二种方法有什么优点吗？