当一个变量为函数时，应该注意的一点细节-CSDN博客

先看一段简单的代码:

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. 此时testFun还在构建中，应该还没有存在，testFun.init更没有存在，怎么就可以用testFun.init呢?

其实这样想是存在了一个误区：把testFun与testFun()等同起来了,如果testFun是返回的一个testFun.init对象,代码应该是testFun=function(name,age){… …}()。正确的理解应该是这样的，testFun只是一个函数，当你把一个函数赋于它时，它就已经存在了，哪怕函数返回的是undefined或null,它本身仍然是Function,只有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对象罢了。

转载于:https://www.cnblogs.com/fxair/archive/2011/12/28/2304427.html