javascript中两种定义函数方法的区别

javascript定义函数有两种方式,一种是通过funciton关键字定义,一种是将一个匿名函数赋值给一个变量

它们相同的是都能定义了一个函数,实际上都成为了一个保存了Function对象的变量

 但不同的是它们生效的顺序有差异,经测试,通过function关键字定义函数,能够得到优待(优先处理),函数的调用可以出现在函数定义之前!但是通过匿名函数赋值的方式定义就不能了,函数调用必须在函数定义之后。

 

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

看下面的代码

  1. // 方式1
  2. function func1(x,y){
  3. // your code
  4. }
  5. // 方式2
  6. var func2 = function(x,y){
  7. // your code
  8. }
// 方式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则需在代码执行时(运行期)加载

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

Js代码

  1. alert(func1); // --> func1源码
  2. alert(func2); // --> undefined
  3. // 方式1
  4. function func1(x,y){
  5. // your code
  6. }
  7. // 方式2
  8. var func2 = function(x,y){
  9. // your code
  10. }
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(函数表达式)定义函数则不能在其定义前使用,只能在其定义后使用。

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

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