js當一個變量為函數(shù)時 應該注意的一點細節(jié)小結
更新時間：2011年12月29日 00:44:47 作者：
變量testFun為一個匿名函數(shù)，匿名函數(shù)返回的一個testFun.init對象（也是一個匿名函數(shù)）
先看一段簡單的代碼:
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為一個匿名函數(shù)，匿名函數(shù)返回的一個testFun.init對象（也是一個匿名函數(shù)）。但對于一些新手有時會誤解為：testFun是返回的一個testFun.init對象。他可能會這樣想，在匿名函數(shù)function(name,age)構建過程中，又用到了testFun. 此時testFun還在構建中，應該還沒有存在，testFun.init更沒有存在，怎么就可以用testFun.init呢?
其實這樣想是存在了一個誤區(qū)：把testFun與testFun()等同起來了,如果testFun是返回的一個testFun.init對象,代碼應該是testFun=function(name,age){… …}()。正確的理解應該是這樣的，testFun只是一個函數(shù)，當你把一個函數(shù)賦于它時，它就已經(jīng)存在了，哪怕函數(shù)返回的是undefined或null,它本身仍然是Function,只有testFun()執(zhí)行后返回值才是undefined或null。返回值是testFun()執(zhí)行的結果，結果返回后，就不再與testFun有任何關系。如：
var testFun=function(){
return undefined;
}
var result=testFun();
alert(testFun); // function () {return undefined;}
alert(result); // undefined result與testFun不再有任何關系
所以，當賦于testFun一個匿名函數(shù)后，它就一直存在著，直到賦于它另外一個值。對于testFun.init你可以這樣簡單的去理解：
testFun.init=function(name,age){}.init=function(name,age.job){… …}
綜上所述，回頭再看testFun是一個函數(shù)，而testFun()則是(function(name,age,job){return 'name:'+name+',age:'+age+',job:'+job+''; })()
為了便于理解，可以把代碼精簡為:
var testFun=function(){}
testFun.init=function(){}
只是testFun()沒有返回一個testFun.init對象罷了。
復制代碼 代碼如下:
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為一個匿名函數(shù)，匿名函數(shù)返回的一個testFun.init對象（也是一個匿名函數(shù)）。但對于一些新手有時會誤解為：testFun是返回的一個testFun.init對象。他可能會這樣想，在匿名函數(shù)function(name,age)構建過程中，又用到了testFun. 此時testFun還在構建中，應該還沒有存在，testFun.init更沒有存在，怎么就可以用testFun.init呢?
其實這樣想是存在了一個誤區(qū)：把testFun與testFun()等同起來了,如果testFun是返回的一個testFun.init對象,代碼應該是testFun=function(name,age){… …}()。正確的理解應該是這樣的，testFun只是一個函數(shù)，當你把一個函數(shù)賦于它時，它就已經(jīng)存在了，哪怕函數(shù)返回的是undefined或null,它本身仍然是Function,只有testFun()執(zhí)行后返回值才是undefined或null。返回值是testFun()執(zhí)行的結果，結果返回后，就不再與testFun有任何關系。如：
復制代碼 代碼如下:
var testFun=function(){
return undefined;
}
var result=testFun();
alert(testFun); // function () {return undefined;}
alert(result); // undefined result與testFun不再有任何關系
所以，當賦于testFun一個匿名函數(shù)后，它就一直存在著，直到賦于它另外一個值。對于testFun.init你可以這樣簡單的去理解：
testFun.init=function(name,age){}.init=function(name,age.job){… …}
綜上所述，回頭再看testFun是一個函數(shù)，而testFun()則是(function(name,age,job){return 'name:'+name+',age:'+age+',job:'+job+''; })()
為了便于理解，可以把代碼精簡為:
復制代碼 代碼如下:
var testFun=function(){}
testFun.init=function(){}
只是testFun()沒有返回一個testFun.init對象罷了。
相關文章
通過函數(shù)作用域和塊級作用域看javascript的作用域鏈
這篇文章給大家分享了通過函數(shù)作用域和塊級作用域看javascript的作用域鏈的相關知識點內(nèi)容，有興趣的朋友參考學習下。2018-08-08
關于JavaScript使用export和import的兩個報錯解決
說來慚愧es6寫了這么久,連最基本的export和import都沒搞明白,下面這篇文章主要給大家介紹了關于JavaScript使用export和import的兩個報錯的解決方法,需要的朋友可以參考下2022-07-07
這篇文章主要給大家介紹了7個好用的JavaScript技巧，文中通過示例代碼介紹的非常詳細，對大家學習或者使用JavaScript具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-05-05
javascript length屬性是返回字符串的字符數(shù)目，length可以返回function的參數(shù)數(shù)目。接下來，通過本篇文章給大家介紹javascript length屬性，對javascript length屬性感興趣的朋友可以參考下本篇文章2015-11-11
這篇文章主要介紹了JavaScript實現(xiàn)圖片輪播的方法,使用純javascript實現(xiàn)圖片輪播切換的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
javascript實現(xiàn)的仿51job地址多項選擇方式效果
分享一個類似51job方式的地址選擇效果2009-12-12
js for循環(huán)，為什么一定要加var定義i變量
我知道，有些人（譬如之前的我）寫js的for循環(huán)時，都不習慣加上var，這當然是語法允許的。2010-06-06
基于JavaScript實現(xiàn)單選框下拉菜單添加文件效果
這篇文章主要介紹了基于JavaScript實現(xiàn)單選框下拉菜單添加文件效果的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
這篇文章主要介紹了JS實現(xiàn)顏色的10進制轉化成rgba格式的方法,涉及javascript針對顏色數(shù)值轉換的相關運算操作技巧,需要的朋友可以參考下2017-09-09
這篇文章主要介紹了Bootstarp 基礎教程之表單部分實例代碼，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-02-02