(一)動態選擇方法及屬性
在實際工作中,我們經常會遇到這種情況:根據某個條件來調用兩個方法[1]中的一個,或是在兩個屬性[2]中的一個上面進行讀寫操作。下面的代碼展示了這種情形:
複製代碼 代碼如下:
if (condition) {
myObj.method1(someArg);
} else {
myObj.method2(someArg);
}
JavaScript提供了一種簡單的文法,即使用方括弧操作符([])來動態地選擇方法和屬性。正如下面的代碼所示,JavaScript有兩種等價的成員訪問文法(這個特徵在動態語言裡很常見):
obj[expressionResultingInMembername] == obj.memberName
如果你曾用整數下標來訪問數組中的某個元素,那你已經開始用方括弧操作符來進行動態成員選擇了。這是因為,數組對象本身就包含以數字下標命名的屬性(以及length屬性)。不過,JavaScript並不允許你使用點操作符(.)直接存取這些屬性,因此myArray.0在文法上是非法的(太遺憾了,這本來是個挺酷的文法)。
為什麼方括弧操作符比點操作符標記法更強大呢?這是因為你可以在方括弧中使用任何代表成員名稱的內容來訪問對象的成員。這些內容包括字面量、儲存著成員名稱的變數、名稱組合(多數情況下是字串的拼接)以及用三元操作符(condition ? valueIfTrue : valueIfFalse)實現的快速if/then選擇。所有的這些內容都會被處理成一個字串,然後JavaScript會用這個字串來尋找對應的成員。
由於JavaScript中的函數本身也是對象,所以它可以像其他值一樣被引用。如果一個運算式的結果是函數,你可以直接用括弧操作符調用它,就像你直接用函數名稱調用函數一樣。
需要注意的是,如果你在向方法傳遞的參數上大量使用此類技巧,混亂的括弧有可能會使代碼變得難以閱讀,此時使用常規的if/else結構更加明智。
(二)JavaScript遍曆對象屬性和方法
JavaScript 使用 for in 語句來遍曆對象的屬性和方法。for in 語句迴圈遍曆 JavaScript 對象,每迴圈一次,都會取得對象的一個屬性或方法。
文法:
複製代碼 代碼如下:
for(valueName in ObjectName){
// 代碼
}
其中,valueName 是變數名,儲存著屬性或方法的名稱,每次迴圈,valueName 的值都會改變。