關於JavaScript對象的動態選擇及遍曆對象_javascript技巧

來源:互聯網
上載者:User
(一)動態選擇方法及屬性

在實際工作中,我們經常會遇到這種情況:根據某個條件來調用兩個方法[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 的值都會改變。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.