詳解new function(){}和function(){}() 區(qū)別分析
更新時間:2008年03月22日 14:00:10 作者:
只要 new 表達式之后的 constructor 返回(return)一個引用對象(數(shù)組,對象,函數(shù)等),都將覆蓋new創(chuàng)建的匿名對象,如果返回(return)一個原始類型(無 return 時其實為 return 原始類型 undefined),那么就返回 new 創(chuàng)建的匿名對象。
情景一:
var yx01 = new function() {return "圓心"};
alert(yx01);
我們運行情景一代碼,將返回顯示“[object object] ”,此時該代碼等價于:
function 匿名類(){
return "圓心";
}
var yx01 = new 匿名類();
alert(yx01);我們對情景一的代碼進行下面改造:
var yx01 = new function() {return new String("圓心")};
alert(yx01);
我們運行,將會發(fā)現(xiàn)返回的是“圓心”,這是為什么呢?
只要 new 表達式之后的 constructor 返回(return)一個引用對象(數(shù)組,對象,函數(shù)等),都將覆蓋new創(chuàng)建的匿名對象,如果返回(return)一個原始類型(無 return 時其實為 return 原始類型 undefined),那么就返回 new 創(chuàng)建的匿名對象
由于 new String 會構(gòu)造一個對象,而不是一個 string 直接量,且new String(x) 如果帶參數(shù),那么alert它的時候就會返回 x。所以 yx01 將返回 new String(”圓心”) 這個對象,而 alert yx01 則顯示 “圓心”。
情景二:
var yx02 = function() {return "圓心"}();
alert(yx02);我們運行情景二代碼,將返回顯示“圓心”,此時該代碼等價于:
var 匿名函數(shù) = function() {return "圓心"};
yx02 = 匿名函數(shù)();
alert(yx02);很明顯,yx02 返回的是匿名函數(shù)的執(zhí)行結(jié)果值,即 yx02 為:“圓心”。
當然匿名函數(shù)的執(zhí)行結(jié)果也可以為一個匿名對象。具體常見應用可以看《Javascript的一種模塊模式》
var yx01 = new function() {return "圓心"};
alert(yx01);
我們運行情景一代碼,將返回顯示“[object object] ”,此時該代碼等價于:
function 匿名類(){
return "圓心";
}
var yx01 = new 匿名類();
alert(yx01);我們對情景一的代碼進行下面改造:
var yx01 = new function() {return new String("圓心")};
alert(yx01);
我們運行,將會發(fā)現(xiàn)返回的是“圓心”,這是為什么呢?
只要 new 表達式之后的 constructor 返回(return)一個引用對象(數(shù)組,對象,函數(shù)等),都將覆蓋new創(chuàng)建的匿名對象,如果返回(return)一個原始類型(無 return 時其實為 return 原始類型 undefined),那么就返回 new 創(chuàng)建的匿名對象
由于 new String 會構(gòu)造一個對象,而不是一個 string 直接量,且new String(x) 如果帶參數(shù),那么alert它的時候就會返回 x。所以 yx01 將返回 new String(”圓心”) 這個對象,而 alert yx01 則顯示 “圓心”。
情景二:
var yx02 = function() {return "圓心"}();
alert(yx02);我們運行情景二代碼,將返回顯示“圓心”,此時該代碼等價于:
var 匿名函數(shù) = function() {return "圓心"};
yx02 = 匿名函數(shù)();
alert(yx02);很明顯,yx02 返回的是匿名函數(shù)的執(zhí)行結(jié)果值,即 yx02 為:“圓心”。
當然匿名函數(shù)的執(zhí)行結(jié)果也可以為一個匿名對象。具體常見應用可以看《Javascript的一種模塊模式》

關(guān)于javascript function對象那些迷惑分析
關(guān)于javascript function對象那些迷惑分析,學習js面向?qū)ο蟮呐笥芽梢詤⒖枷隆?/div> 2011-10-10

Javascript 類與靜態(tài)類的實現(xiàn)(續(xù))
由于MM的事件已干完,接著我們的靜態(tài)類的實現(xiàn)。這東西在Javascript里用得會非常的頻繁,因為針對現(xiàn)在的網(wǎng)頁,多個基于同一個類對象的頁面不多,往往不同塊對象的交互就可以解決問題了,這就需要在JS針對元素定義幾個靜態(tài)類就可以完事了,進入正題。
2010-04-04 
JavaScript 常見對象類創(chuàng)建代碼與優(yōu)缺點分析
這幾種javascript類定義方式中,最常用的是雜合prototype/constructor 和 動態(tài)prototype方式。
2009-12-12 
javascript面向?qū)ο蟮姆绞綄崿F(xiàn)的彈出層效果代碼
由于本人以前是.net程序員,所以即使現(xiàn)在在做前端,也習慣于用面向?qū)ο蟮姆绞骄帉慾s腳本,我想如果你以前也是或者現(xiàn)在還是名第三代程序員的話,應該對此并不陌生。
2010-01-01 
DOMAssitant最新版 DOMAssistant 2.5發(fā)布
google code上的project ,值得大家學習它的類庫
2007-12-12 
JavaScript RegExp方法獲取地址欄參數(shù)(面向?qū)ο?
個人認為循環(huán)用得多不是什么好事。這里推薦一種利用OO思想加上RegExp的方法,使它更靈活、高效。
2009-03-03