對new functionName()定義一個函數(shù)的理解
更新時間：2014年05月22日 10:45:00 作者：
這篇文章主要介紹了對new functionName()定義一個函數(shù)的理解,需要的朋友可以參考下
比如定義一個函數(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種很簡單，用的也很多，就是執(zhí)行一個函數(shù)，并接受函數(shù)的返回值并賦給info1對象；
第2種情況一般就很少見了。首先，函數(shù)也是一種對象，是對象肯定就可以實(shí)例化（實(shí)例化其實(shí)就是調(diào)用對象的構(gòu)造函數(shù)對對象進(jìn)行初始化），所有第2種情況就是調(diào)用getInfo函數(shù)對象的構(gòu)造函數(shù)，并接收構(gòu)造函數(shù)初始化的實(shí)例（一般都是this），而函數(shù)有個比較特別的地方就是，如果構(gòu)造函數(shù)有顯示返回值，將用該返回值替換this對象返回。所以第2中情況new getInfo就是調(diào)用構(gòu)造函數(shù)（函數(shù)的構(gòu)造函數(shù)就是其定義本身）并接收返回值info。
應(yīng)用：
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ù)名，是因?yàn)?使用這個函數(shù)的時候是不是有點(diǎn)像jQuery的風(fēng)格呢？其實(shí)jQuery的構(gòu)造函數(shù)里就應(yīng)用了這種風(fēng)格的函數(shù)定義，不管你是用new還是直接調(diào)用函數(shù)，返回的值都是一樣的。
2、定義兼容的XMLHttpRequest對象（本例摘自Javascript權(quán)威指南的第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瀏覽器還是火狐瀏覽器。
復(fù)制代碼 代碼如下:
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í)例化（實(shí)例化其實(shí)就是調(diào)用對象的構(gòu)造函數(shù)對對象進(jìn)行初始化），所有第2種情況就是調(diào)用getInfo函數(shù)對象的構(gòu)造函數(shù)，并接收構(gòu)造函數(shù)初始化的實(shí)例（一般都是this），而函數(shù)有個比較特別的地方就是，如果構(gòu)造函數(shù)有顯示返回值，將用該返回值替換this對象返回。所以第2中情況new getInfo就是調(diào)用構(gòu)造函數(shù)（函數(shù)的構(gòu)造函數(shù)就是其定義本身）并接收返回值info。
應(yīng)用：
1、比如HTML定義了DOM對象：<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)?使用這個函數(shù)的時候是不是有點(diǎn)像jQuery的風(fēng)格呢？其實(shí)jQuery的構(gòu)造函數(shù)里就應(yīng)用了這種風(fēng)格的函數(shù)定義，不管你是用new還是直接調(diào)用函數(shù)，返回的值都是一樣的。
2、定義兼容的XMLHttpRequest對象（本例摘自Javascript權(quán)威指南的第18.1節(jié)）
大家都知道不同的瀏覽器對異步通信支持的方式可能不一樣，早期的IE是用的ActiveX的方式，下面的代碼定義了一個兼容的XMLHttpRequest對象：
復(fù)制代碼 代碼如下:
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瀏覽器還是火狐瀏覽器。
相關(guān)文章
js阻止默認(rèn)事件與js阻止事件冒泡示例分享 js阻止冒泡事件
嵌套的div元素，如果父級和子元素都綁定了一些事件，那么在點(diǎn)擊最內(nèi)層子元素時可能會觸發(fā)父級元素的事件，下面介紹一下js阻止默認(rèn)事件與js阻止事件冒泡示例,大家參考使用吧2014-01-01
本文給大家詳細(xì)介紹了JavaScript正則表達(dá)式的分組匹配的概念以及具體的使用方法并附上了相關(guān)示例，有需要的小伙伴可以參考下。2016-02-02
JavaScript基礎(chǔ)知識學(xué)習(xí)筆記
本文是初學(xué)javascript的時候記的學(xué)習(xí)筆記，簡單介紹了javascript的定義及用法，并附上示例，適合初學(xué)者們，老鳥請出門左轉(zhuǎn)。2014-12-12
作用域和作用域鏈?zhǔn)莏avascript中非常重要的特性，對于他們的理解直接關(guān)系到對于整個javascript體系的理解，而閉包又是對作用域的延伸，也是在實(shí)際開發(fā)中經(jīng)常使用的一個特性，實(shí)際上，不僅僅是javascript，在很多語言中都提供了閉包的特性。2014-09-09
原生javascript 學(xué)習(xí)之js變量全面了解
下面小編就為大家?guī)硪黄鷍avascript 學(xué)習(xí)之js變量全面了解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
下面小編就為大家?guī)硪黄仙Ｕ刯s數(shù)據(jù)類型。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要介紹了JavaScript中的some()方法使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
本文中筆者整理的這些模式包含了編寫JavaScript代碼時一些常用的方法或者小技巧，可以幫助初學(xué)JavaScript的同學(xué)迅速提升代碼質(zhì)量2012-05-05
想學(xué)習(xí)javascript JS和jQuery哪個重要 先學(xué)哪個
在一些技術(shù)論壇與qq群經(jīng)常看到有這樣類似的提問，當(dāng)然提出這樣問題的通常都是新手為了解決大家的疑惑，同時幫助新手程序員能更快掌握學(xué)習(xí)的方向，不致于弄錯重點(diǎn)2016-12-12
js數(shù)組直接賦值的問題(js數(shù)組的淺拷貝與深拷貝方法)
JS數(shù)組在直接賦值時屬于數(shù)組的淺拷貝，新數(shù)組保存的是原數(shù)據(jù)的內(nèi)存地址，修改新數(shù)組或原數(shù)組其中一個數(shù)組，另一個數(shù)組也會相應(yīng)的變化，數(shù)組的直接賦值屬于數(shù)組的淺拷貝，JS存儲對象都是存內(nèi)存地址2022-10-10