JavaScript的成功讓人津津樂道，為Web網(wǎng)頁編寫JavaScript代碼已經(jīng)是所有Web設(shè)計師的基本功，這門有趣的語言蘊藏著許多不為人熟知的東西，即使多年的 JavaScript 程序員，也未能完全吃透。

簡略語句

JavaScript可以使用簡略語句快速創(chuàng)建對象和數(shù)組，比如下面的代碼：

可以使用簡略語句如下：

對象car就此創(chuàng)建，不過需要特別注意，結(jié)束花括號前一定不要加 ";" 否則在IE會遇到很大麻煩。

創(chuàng)建數(shù)組的傳統(tǒng)方法是：

使用簡略語句則：

另一個可以使用簡略語句的地方是條件判斷語句：

可以簡略為：

#p#
JSON 數(shù)據(jù)格式

JSON 是 "JavaScript Object Notation" 的縮寫，由Douglas Crockford設(shè)計，JSON改變了JavaScript在緩存復(fù)雜數(shù)據(jù)格式方面的困境，如下例，假如你要描述一個樂隊，可以這樣寫：

你可以在JavaScript中直接使用JSON，甚至作為某些API的返回數(shù)據(jù)對象，以下代碼調(diào)用著名書簽網(wǎng)站delicious.com的一個API，返回你在該網(wǎng)站的所有書簽，并顯示在你自己的網(wǎng)站：

JavaScript 本地函數(shù) (Math, Array 和 String)

JavaScript 有很多內(nèi)置函數(shù)，有效的使用，可以避免很多不必要的代碼，比如，從一個數(shù)組中找出最大值，傳統(tǒng)的方法是：

使用內(nèi)置函數(shù)可以更容易實現(xiàn)：

另一個方法是使用 Math.max() 方法：

你可以用這個方法幫助探測瀏覽器

這解決了IE瀏覽器的一個問題，通過這種方法，你總是可以找到那個正確的值，因為瀏覽器不支持的那個值會返回 undefined。

還可以使用JavaScript內(nèi)置的split()和join() 函數(shù)處理HTML對象的CSS類名，如果HTML對象的類名是空格隔開的多個名字，你在為它追加或刪除一個CSS類名的時候需要特別注意，如果該對象還沒有類名屬性，可以直接將新的類名賦予它，如果已經(jīng)存在類名，新增的類名前必須有一個空格，用傳統(tǒng)的JavaScript方法是這樣實現(xiàn)的：

使用split和join方法則直觀優(yōu)雅得多：

#p#
事件代理

與其在 HTML 文檔中設(shè)計一堆事件，不如直接設(shè)計一個事件代理，舉例說明，假如你有一些鏈接，用戶點擊后不想打開鏈接，而是執(zhí)行某個事件，HTML 代碼如下：

傳統(tǒng)的事件處理是遍歷各個鏈接，加上各自的事件處理：

使用事件代理，可以直接處理，無需遍歷：

匿名函數(shù)與Module模式

JavaScript的一個問題是，任何變量，函數(shù)或是對象，除非是在某個函數(shù)內(nèi)部定義，否則，就是全局的，意味著同一網(wǎng)頁的別的代碼可以訪問并改寫這個變量（ECMA 的 JavaScript 5已經(jīng)改變了這一狀況 - 譯者），使用匿名函數(shù)，你可以繞過這一問題。

比如，你有這樣一段代碼，很顯然，變量 name, age, status 將成為全局變量：

為了避免這一問題，你可以使用匿名函數(shù)：

如果這個函數(shù)不會被調(diào)用，可以更直接為：

如果要訪問其中的對象或函數(shù)，可以：

這就是所謂Module模式或單例模式（Singleton），該模式為Douglas Crockford所推崇，并被大量應(yīng)用在 Yahoo User Interface Library YUI。假如你想在別的地方調(diào)用里面的方法，又不想在調(diào)用前使用myApplication這個對象名，可以在匿名函數(shù)中返回這些方法，甚至用簡稱返回：

代碼配置

別人使用你編寫的 JavaScript 代碼的時候，難免會更改某些代碼，但這會很困難，因為不是每個人都很容易讀懂別人的代碼，與其這樣，不如創(chuàng)建一個代碼配置對象，別人只需要在這個對象中更改某些配置即可實現(xiàn)代碼的更改。這里有一篇 JavaScript 配置對象詳解的文章，簡單說：

1.在代碼中創(chuàng)建一個叫做 configuration 的對象；

2.里面保存所有可以更改的配置，如 CSS ID 和類名，按鈕的標(biāo)簽文字，描述性文字，本地化語言設(shè)置；

3.將該對象設(shè)置為全局對象，以便別人直接訪問并改寫；

4.你應(yīng)當(dāng)在最后一步做這項工作，這里有一個文章，交付代碼前的5件事值的參考。

同后臺交互

JavaScript是一門前臺語言，你需要別的語言同后臺交互，并返回數(shù)據(jù)，使用 AJAX，你可以讓 JavaScript 直接使用同后臺的交互，將復(fù)雜的數(shù)據(jù)處理交由后臺處理。

JavaScript框架

自己編寫適應(yīng)各種瀏覽器的代碼是完全浪費時間，應(yīng)當(dāng)選擇一個 JavaScript 框架，讓這些復(fù)雜的事情交給框架處理。

【編輯推薦】

1. JavaScript最讓人費解的十件事
2. 兩種JavaScript解析引擎性能對比談
3. JavaScript挺入服務(wù)器端開發(fā)語言序列
4. 詳解Javascript框架中的全局變量
5. 詳解Javascript中checkbox樹的功能