论坛首页 Web前端技术论坛

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

浏览 8520 次
精华帖 (0) :: 良好帖 (1) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-10-10   最后修改:2010-10-11

 

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

// 方式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。 


   发表时间:2010-10-10  
第二种方法有什么优点吗?
0 请登录后投票
   发表时间:2010-10-10  
第二种方法和AS3里面的一样,定义成变量。可以像变量一样使用方法,,改变这个变量所对的方法。。反正我个人是这么理解的
0 请登录后投票
   发表时间:2010-10-11  
这两种方法哪一种更好一些呢???
0 请登录后投票
   发表时间: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() {}这种非匿名方式创建的函数,在构建期就会被加入活动对象中。
个人估计,这是为了闭包~

不错,楼主的命题虽小但是包含了许多语言特性。
0 请登录后投票
   发表时间:2010-10-11  
个人推荐
如果函数要作为回调传给别的上下文,应该使用var func = function(){}这种方式
而如果函数要在当前上下文中作为private使用,则用function func(){}这种非匿名方式更好。
0 请登录后投票
   发表时间: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里面,定义在函数里的局部变量,是在整个函数范围可以访问的,所以是可以在定义前访问的,和函数声明方式没关系
1 请登录后投票
   发表时间:2010-10-12  
什么 解释期?什么运行期?难道js也有一个“编译”的过程?
解释期是不是可以理解为js运行环境的初始化,函数内var声明的变量会被归属给该函数,所以在声明之前调用不会报错?
什么是执行上下文(Execution context)? 激活对象(Activation object)?希望楼主不要抛出一个概念,又不做解释!我会很痛苦的
0 请登录后投票
   发表时间:2010-10-12  
可以这样简单理解,js解释器在执行js代码的时候分为2个阶段。
首先,加载所有函数声明,初始化var声明的变量。
然后,顺序执行代码。

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

但是,实际上的执行过程比这个要复杂些,其中还涉及到变量的范围,作用域链等细节。
0 请登录后投票
   发表时间:2010-10-12  
soni 写道
可以这样简单理解,js解释器在执行js代码的时候分为2个阶段。
首先,加载所有函数声明,初始化var声明的变量。
然后,顺序执行代码。

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

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

多谢解答,谢谢
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics