對(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種情況一般就很少見(jiàn)了。首先，函數(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代碼如下：
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ì)象：
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")
}
}
}
}
這樣，就可以直接通過(guò) 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種很簡(jiǎn)單，用的也很多，就是執(zhí)行一個(gè)函數(shù)，并接受函數(shù)的返回值并賦給info1對(duì)象；
第2種情況一般就很少見(jiàn)了。首先，函數(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")
}
}
}
}
這樣，就可以直接通過(guò) var xhr = new XMLHttpRequest()定義了，而不用管是IE瀏覽器還是火狐瀏覽器。
相關(guān)文章
js阻止默認(rèn)事件與js阻止事件冒泡示例分享 js阻止冒泡事件
嵌套的div元素，如果父級(jí)和子元素都綁定了一些事件，那么在點(diǎn)擊最內(nèi)層子元素時(shí)可能會(huì)觸發(fā)父級(jí)元素的事件，下面介紹一下js阻止默認(rèn)事件與js阻止事件冒泡示例,大家參考使用吧2014-01-01
本文給大家詳細(xì)介紹了JavaScript正則表達(dá)式的分組匹配的概念以及具體的使用方法并附上了相關(guān)示例，有需要的小伙伴可以參考下。2016-02-02
JavaScript基礎(chǔ)知識(shí)學(xué)習(xí)筆記
本文是初學(xué)javascript的時(shí)候記的學(xué)習(xí)筆記，簡(jiǎn)單介紹了javascript的定義及用法，并附上示例，適合初學(xué)者們，老鳥請(qǐng)出門左轉(zhuǎn)。2014-12-12
作用域和作用域鏈?zhǔn)莏avascript中非常重要的特性，對(duì)于他們的理解直接關(guān)系到對(duì)于整個(gè)javascript體系的理解，而閉包又是對(duì)作用域的延伸，也是在實(shí)際開(kāi)發(fā)中經(jīng)常使用的一個(gè)特性，實(shí)際上，不僅僅是javascript，在很多語(yǔ)言中都提供了閉包的特性。2014-09-09
原生javascript 學(xué)習(xí)之js變量全面了解
下面小編就為大家?guī)?lái)一篇原生javascript 學(xué)習(xí)之js變量全面了解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
下面小編就為大家?guī)?lái)一篇老生常談js數(shù)據(jù)類型。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
這篇文章主要介紹了JavaScript中的some()方法使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
本文中筆者整理的這些模式包含了編寫JavaScript代碼時(shí)一些常用的方法或者小技巧，可以幫助初學(xué)JavaScript的同學(xué)迅速提升代碼質(zhì)量2012-05-05
想學(xué)習(xí)javascript JS和jQuery哪個(gè)重要 先學(xué)哪個(gè)
在一些技術(shù)論壇與qq群經(jīng)常看到有這樣類似的提問(wèn)，當(dāng)然提出這樣問(wèn)題的通常都是新手為了解決大家的疑惑，同時(shí)幫助新手程序員能更快掌握學(xué)習(xí)的方向，不致于弄錯(cuò)重點(diǎn)2016-12-12
js數(shù)組直接賦值的問(wèn)題(js數(shù)組的淺拷貝與深拷貝方法)
JS數(shù)組在直接賦值時(shí)屬于數(shù)組的淺拷貝，新數(shù)組保存的是原數(shù)據(jù)的內(nèi)存地址，修改新數(shù)組或原數(shù)組其中一個(gè)數(shù)組，另一個(gè)數(shù)組也會(huì)相應(yīng)的變化，數(shù)組的直接賦值屬于數(shù)組的淺拷貝，JS存儲(chǔ)對(duì)象都是存內(nèi)存地址2022-10-10