快捷導(dǎo)航

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

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

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

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

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

1、var info1 = getInfo();

2、var info2 = new getInfo();

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

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

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

應(yīng)用：

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

復(fù)制代碼代碼如下:

 
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ù)名，是因?yàn)?使用這個(gè)函數(shù)的時(shí)候是不是有點(diǎn)像jQuery的風(fēng)格呢？其實(shí)jQuery的構(gòu)造函數(shù)里就應(yīng)用了這種風(fēng)格的函數(shù)定義，不管你是用new還是直接調(diào)用函數(shù)，返回的值都是一樣的。

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

復(fù)制代碼代碼如下:

 
if (window.XMLHttpRequest === undefined) { 
window.XMLHttpRequest = function() { 
try { 
//如果可用，則使用ActiveX對(duì)象最新的版本 
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瀏覽器還是火狐瀏覽器。