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