首頁 > web前端 > js教程 > 主體

對new functionName()定義一個函數的理解_基礎知識

WBOY
發布: 2016-05-16 16:47:17
原創
1394 人瀏覽過

例如定義一個函數的兩種呼叫方法:

複製程式碼 程式碼如下:
function getInfo>function () {
var info = {
message: "message"
};
return info;
}

1、var info1 = Infoget(> ;

2、var info2 = new getInfo();

1和2有什麼差別嗎? info1和info2得到的值是一樣的嗎?

第1種很簡單,用的也很多,就是執行一個函數,並接受函數的回傳值並賦給info1物件;

第2種情況一般就很少見了。首先,函數也是一種對象,是對象肯定就可以實例化(實例化其實就是呼叫對象的構造函數對對象進行初始化),所有第2種情況就是呼叫getInfo函數對象的建構函數,並接收構造函數初始化的實例(一般都是this),而函數有個比較特別的地方就是,如果建構函數有顯示回傳值,將用該回傳值取代this物件回傳。所以第2中情況new getInfo就是呼叫建構子(函數的建構子是其定義本身)並接收回傳值info。

應用:

1、例如HTML定義了DOM物件:
,js程式碼如下:

複製程式碼 程式碼如下:
function $(domId) {
var dom = document.getElementById(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 (ex>} catch (ex2)); {
throw new Error("XMLHttpRequest is not supported")
}
}
}
} 這樣,就可以直接透過var XMLHttpRequest()定義了,而不用管是IE瀏覽器還是火狐瀏覽器。
相關標籤:
new
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板