手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js当一个变量为函数时 应该注意的一点细节小结
js当一个变量为函数时 应该注意的一点细节小结
摘要:先看一段简单的代码:复制代码代码如下:vartestFun=function(name,age){varjob='FlashDevelop'...

先看一段简单的代码:

复制代码 代码如下:

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

【js当一个变量为函数时 应该注意的一点细节小结】相关文章:

JavaScript常用数组算法小结

javascript委托(Delegate)blur和focus用法实例分析

js实现字符串转日期格式的方法

Javascript实现广告页面的定时关闭

强制设为首页代码

浅析Javascript匿名函数与自执行函数

三种AngularJS中获取数据源的方式

设为首页 加入收藏的js代码

js常用函数 不错

JavaScript中的Math.SQRT1_2属性使用简介

精品推荐
分类导航