詳解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 會構造一個對象,而不是一個 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í)行結果值,即 yx02 為:“圓心”。
當然匿名函數(shù)的執(zhí)行結果也可以為一個匿名對象。具體常見應用可以看《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 會構造一個對象,而不是一個 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í)行結果值,即 yx02 為:“圓心”。
當然匿名函數(shù)的執(zhí)行結果也可以為一個匿名對象。具體常見應用可以看《Javascript的一種模塊模式》
相關文章
Javascript 類與靜態(tài)類的實現(xiàn)(續(xù))
由于MM的事件已干完,接著我們的靜態(tài)類的實現(xiàn)。這東西在Javascript里用得會非常的頻繁,因為針對現(xiàn)在的網(wǎng)頁,多個基于同一個類對象的頁面不多,往往不同塊對象的交互就可以解決問題了,這就需要在JS針對元素定義幾個靜態(tài)類就可以完事了,進入正題。2010-04-04JavaScript 常見對象類創(chuàng)建代碼與優(yōu)缺點分析
這幾種javascript類定義方式中,最常用的是雜合prototype/constructor 和 動態(tài)prototype方式。2009-12-12javascript面向對象的方式實現(xiàn)的彈出層效果代碼
由于本人以前是.net程序員,所以即使現(xiàn)在在做前端,也習慣于用面向對象的方式編寫js腳本,我想如果你以前也是或者現(xiàn)在還是名第三代程序員的話,應該對此并不陌生。2010-01-01DOMAssitant最新版 DOMAssistant 2.5發(fā)布
google code上的project ,值得大家學習它的類庫2007-12-12JavaScript RegExp方法獲取地址欄參數(shù)(面向對象)
個人認為循環(huán)用得多不是什么好事。這里推薦一種利用OO思想加上RegExp的方法,使它更靈活、高效。2009-03-03