對new functionName()定義一個函數(shù)的理解

更新時間：2014年05月22日 10:45:00 作者：

這篇文章主要介紹了對new functionName()定義一個函數(shù)的理解,需要的朋友可以參考下

比如定義一個函數(shù)的兩種調用方法：

 
function getInfo() { 
var info = { 
message: "message" 
}; 
return info; 
} 

1、var info1 = getInfo();

2、var info2 = new getInfo();

1和2有什么區(qū)別嗎？info1和info2得到的值是一樣的嗎？

第1種很簡單，用的也很多，就是執(zhí)行一個函數(shù)，并接受函數(shù)的返回值并賦給info1對象；

第2種情況一般就很少見了。首先，函數(shù)也是一種對象，是對象肯定就可以實例化（實例化其實就是調用對象的構造函數(shù)對對象進行初始化），所有第2種情況就是調用getInfo函數(shù)對象的構造函數(shù)，并接收構造函數(shù)初始化的實例（一般都是this），而函數(shù)有個比較特別的地方就是，如果構造函數(shù)有顯示返回值，將用該返回值替換this對象返回。所以第2中情況new getInfo就是調用構造函數(shù)（函數(shù)的構造函數(shù)就是其定義本身）并接收返回值info。

應用：

1、比如HTML定義了DOM對象：<div id="domId"></div>，js代碼如下：

復制代碼代碼如下:

 
function $(domId) { 
var dom = document.getElementById(domId); 
return dom; 
} 

window.onload = function() { 
var dom1 = new $("domId"); 
var dom2 = $("domId"); 
alert(dom1 == dom2); 
} 

則alert提示信息將顯示true。之所以使用$做函數(shù)名，是因為使用這個函數(shù)的時候是不是有點像jQuery的風格呢？其實jQuery的構造函數(shù)里就應用了這種風格的函數(shù)定義，不管你是用new還是直接調用函數(shù)，返回的值都是一樣的。

2、定義兼容的XMLHttpRequest對象（本例摘自Javascript權威指南的第18.1節(jié)）
大家都知道不同的瀏覽器對異步通信支持的方式可能不一樣，早期的IE是用的ActiveX的方式，下面的代碼定義了一個兼容的XMLHttpRequest對象：

復制代碼代碼如下:

 
if (window.XMLHttpRequest === undefined) { 
window.XMLHttpRequest = function() { 
try { 
//如果可用，則使用ActiveX對象最新的版本 
return new ActiveXObject("Msxml2.XMLHTTP.6.0"); 
} catch (ex1) { 
try { 
return new ActiveXObject("Msxml2.XMLHTTP.3.0"); 
} catch (ex2) { 
throw new Error("XMLHttpRequest is not supported") 
} 
} 
} 
} 

這樣，就可以直接通過 var xhr = new XMLHttpRequest()定義了，而不用管是IE瀏覽器還是火狐瀏覽器。