Javascript中两种模式定义函数的区别
日期：2014-05-16 浏览次数：20408 次
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。
可以做另一个实验，更简单一些的实验：
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() {}这种非匿名方式创建的函数，在构建期就会被加入活动对象中。
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() {}这种非匿名方式创建的函数，在构建期就会被加入活动对象中。
个人推荐
如果函数要作为回调传给别的上下文，应该使用var func = function(){}这种方式
而如果函数要在当前上下文中作为private使用，则用function func(){}这种非匿名方式更好
如果函数要作为回调传给别的上下文，应该使用var func = function(){}这种方式
而如果函数要在当前上下文中作为private使用，则用function func(){}这种非匿名方式更好
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
