JavaScript中擷取未知對象屬性的代碼

這兩天嘗試寫個AjaxToolkit:AsyncFileUpload的Demo, 它有個OnClientUploadComplete屬性可以關聯用戶端JS, 於是可以寫OnClientUploadComplete="uploadComplete", 然後定義uploadComplete方法:
複製代碼 代碼如下:
function uploadComplete(sender, e) {
//Do something here...
}

但是, 怎麼從e獲得上傳檔案的資訊呢? 除了看AjaxControlToolkit的原始碼, 還可以用JS:
複製代碼 代碼如下:
function uploadComplete(sender, e) {
var ret = "Properties:\n";
for (var prop in e) {
var val = e[prop];
if (typeof (val) === "function") {
ret += (prop + "()");
}
else {
ret += prop + ": " + val;
}
ret += ";\n";
}
alert(ret);
}

結果:

這樣就很明白了.

這裡是用了JS裡"關聯陣列"的概念, JS對象的屬性(包括方法, 也可認為是屬性)是存放到它的關聯陣列裡面的, 通過for...in...就可以遍曆到.

關於關聯陣列, 我們可以這麼用:
複製代碼 代碼如下:
var dog = new Object();
dog.id = 1;
dog["name"] = "Gougou";
alert("id: " + dog["id"] + ", name" + dog.name);

得到: "id: 1, name: Gougou"

本文系原創，轉載請註明：來自 Freeway —— cnBlogs