js当一个变量为函数时应该注意的一点细节小结

js当一个变量为函数时应该注意的一点细节小结_javascript技巧

php中文网

发布： 2016-05-16 17:57:48

原创

1428人浏览过

先看一段简单的代码:

一览运营宝

一览“运营宝”是一款搭载AIGC的视频创作赋能及变现工具，由深耕视频行业18年的一览科技研发推出。

查看详情

复制代码代码如下:

 
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对象罢了。

大家都在看：

使用 CSS Grid 创建动态可变尺寸的方格布局使用 CSS Grid 实现动态可变尺寸的方格布局教程使用 AnalyserNode 实现媒体录制实时音量指示器 JS作用域怎么理解_JS作用域链与变量作用范围详细解析解决悬停时标签宽度变化导致的布局跳动问题

js当一个变量为函数时 应该注意的一点细节小结_javascript技巧

大家都在看：

js当一个变量为函数时应该注意的一点细节小结_javascript技巧