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

2019-11-20 15:12:28

字體：大中小

來源：轉載

供稿：網友

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

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

1、var info1 = getInfo();

2、var info2 = new getInfo();

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

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

第2種情況一般就很少見了。首先，函數也是一種對象，是對象肯定就可以實例化（實例化其實就是調用對象的構造函數對對象進行初始化），所有第2種情況就是調用getInfo函數對象的構造函數，并接收構造函數初始化的實例（一般都是this），而函數有個比較特別的地方就是，如果構造函數有顯示返回值，將用該返回值替換this對象返回。所以第2中情況new getInfo就是調用構造函數（函數的構造函數就是其定義本身）并接收返回值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。之所以使用$做函數名，是因為使用這個函數的時候是不是有點像jQuery的風格呢？其實jQuery的構造函數里就應用了這種風格的函數定義，不管你是用new還是直接調用函數，返回的值都是一樣的。

2、定義兼容的XMLHttpRequest對象（本例摘自Javascript權威指南的第18.1節）
大家都知道不同的瀏覽器對異步通信支持的方式可能不一樣，早期的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瀏覽器還是火狐瀏覽器。

上一篇：淺談JavaScript字符集

下一篇：教你如何使用PHP輸出中文JSON字符串