JavaScript 函数赋值与执行的区别：理解变量与返回值的本质

JavaScript 函数赋值与执行的区别：理解变量与返回值的本质

首先观察一段基础代码示例：

 
var testFun=function (name,age){
var job='Flash Develop';
return new testFun.init(name,age,job);
} 
testFun.init=function(name,age,job){
return 'name:'+name+',age:'+age+',job:'+job+'';
} 
alert(testFun('vincent',30)); //[object Object]

这段代码逻辑直观，变量 testFun 被赋予一个匿名函数，该函数内部返回一个 testFun.init 对象（同样为匿名函数）。然而，部分初学者容易产生误解，认为 testFun 直接等于返回的 testFun.init 对象。他们可能会质疑：在匿名函数 function(name,age) 构建过程中，内部引用了 testFun.init。此时 testFun 尚在构建中，似乎并未完全存在，testFun.init 也未定义，为何能直接调用？

这种疑问源于一个概念误区：混淆了 testFun（函数引用）与 testFun()（函数执行）。如果 testFun 直接等于返回的对象，代码应写作 testFun=function(name,age){… …}()。正确的理解是：testFun 仅仅是一个函数引用，一旦将函数赋值给它，该变量在内存中即已存在，其类型始终为 Function。即使函数返回 undefined 或 null，testFun 本身依然是函数对象。只有执行 testFun() 后，得到的返回值才可能是 undefined 或 null。返回值是 testFun() 执行后的结果，一旦返回，该结果便与 testFun 变量本身再无关联。例如：

 
var testFun=function(){
return undefined;
} 
var result=testFun();
alert(testFun); // function () {return undefined;}
alert(result); // undefined result与testFun不再有任何关系

因此，只要将匿名函数赋值给 testFun，该变量就会一直存在，直到被赋予新的值。对于 testFun.init，可以简化理解为：

testFun.init=function(name,age){}.init=function(name,age.job){… …}

综上所述，回顾 testFun 是一个函数，而 testFun() 则是执行该函数：(function(name,age,job){return 'name:'+name+',age:'+age+',job:'+job+''; })()。

为了更清晰地理解，可以将代码简化为：

 
var testFun=function(){}
testFun.init=function(){}

区别仅在于 testFun() 没有返回一个 testFun.init 对象罢了。