Google Closure工具:Google的javascript工具組

全球數百萬的Google用戶每天都使用Google提供的Gmail, Google Docs及Google Maps等便利的服務，這些服務都大量使用javascript應用，也能由此看出Google對javascript-based apps的重視程度。最近Google更提供了一組開發javascript的工具組，讓全球的開發者能更輕鬆的開發殺手級的javascript apps，這組工具分別是：Closure Compiler, Closure Library及Closure Templates，可視為分別針對javascript程式碼優化、框架、樣版引擎所提出的解決方案。

Closure Compiler 提供三種優化javascript程式碼的方式，分別是Serive UI, API, Application等，而優化的方式可以透過不同的設定來進行，可以幫你把javascript程式排得整整齊齊，也能用很「極端」的方式，幫你把無用的函式或冗詞精簡，建議在寫完javascript code後可以來compie一下。Service UI的形式是我個人覺得最方便的，因為它就是一個網頁的表單，設定一下就會跑出結果。如下圖，左邊是compile前的設定，右邊則是compile後的優化成果)，Closure Compiler Service UI的官方教學文請見這裡。

除了提供這種網頁介面直接編譯的方式外，closure compiler也有提供API可以讓你的網頁直接POST要compile的code過去，就能得到結果。Closure Compiler API 的官方教學文請見這裡。但要注意的是，如果要 compile的檔案很大， compile會失敗，這時就必須使用 Google 提供的 Closure Compiler Application 來處理，也就是要下載compiler-latest.zip 回來用 (請先確定你的電腦已安裝JRE)，解壓縮裡面有個compiler.jar檔，就用這個來 compile，不過令人感到美中不足的地方是，要用命令列的方式來compile，就像：java -jar compiler.jar –js [您的檔案名稱] –js_output_file [輸出名稱] ，這樣，詳情可見Closure Compiler Application官方教學文。

Closure Library 可視為Google版的 javascript framework，提供了許多跨瀏覽器又便利的javascript函式操作及 UI 元件，不過目前我個人還是比較習慣jQuery，就靜待觀察Closure Library是否能讓其他現有的js framework一一躺平吧。

Closure Templates 是為了解決javascript跟HTML網頁的版面搞在一起的問題，就像是樣版引擎一樣。這裡有Hello World的範例解說，因為對樣版比較沒有感覺，所以就先寫到這了。

標籤：Google Closure, javascript, 網站設計

分類：介面設計

本文作者是Audi Lu