DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 對new functionName()定義一個函數的理解
對new functionName()定義一個函數的理解
編輯:JavaScript基礎知識     
比如定義一個函數的兩種調用方法:
復制代碼 代碼如下:
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浏覽器還是火狐浏覽器。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved