JavaScript 擷取未知對象的屬性

這兩天嘗試寫個AjaxToolkit:AsyncFileUpload的Demo, 它有個OnClientUploadComplete屬性可以關聯用戶端JS, 於是可以寫OnClientUploadComplete="uploadComplete", 然後定義uploadComplete方法:

1 function uploadComplete(sender, e) {
2   //Do something here...
3 }

但是, 怎麼從e獲得上傳檔案的資訊呢? 除了看AjaxControlToolkit的原始碼, 還可以用JS:

 1 function uploadComplete(sender, e) {
 2     var ret = "Properties:\n";
 3     for (var prop in e) {
 4         var val = e[prop];
 5         if (typeof (val) === "function") {
 6             ret += (prop + "()");
 7         }
 8         else {
 9             ret += prop + ": " + val;
10         }
11         ret += ";\n";
12     }
13     alert(ret);
14 }

結果:

這樣就很明白了.

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

關於關聯陣列, 我們可以這麼用:

1 var dog = new Object();
2 dog.id = 1;
3 dog["name"] = "Gougou";
4 alert("id: " + dog["id"] + ", name" + dog.name);

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