DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 使用coffeescript編寫node.js項目的方法匯總
使用coffeescript編寫node.js項目的方法匯總
編輯:關於JavaScript     

Node.js 基於JavaScript編寫應用,JavaScript是我的主要開發語言。CoffeeScript是編譯為JavaScript的編程語言。其實CoffeeScript語言因其可以一對一的翻譯為JavaScript的特性,使用起來也非常靈活。將其引入項目的方式也有很多種,在此,我將使用coffeescript編寫node.js項目的方法做一個匯總。

直接使用coffee指令運行純coffeescript項目
一般提起coffeescript,自然而然地會想到他是javascript的小弟,總脫離不了js的陰影。其實你完全可以把它認作是獨立的語言。 我們都知道,在node平台上全局安裝完coffee-script包後,就可以通過coffee指令進入coffeescript的交互界面, 叫它repl也行。如果你的項目完全是用coffee寫的,那就簡單了,直接對你的入口腳本使用coffee指令就結了, 比如你的入口腳本名為“app.coffee”,那就執行:

復制代碼 代碼如下:
coffee app.coffee

注意,這裡的擴展名coffee是不能省略的。

這個方式應該說是使用coffeescript最“官方”的方式。簡單,直接!而且,一旦你以一個coffee文件作為項目的入口, 那整個項目就同時兼容coffee和js了。你在項目裡可以任意require js或coffee文件及模塊, 甚至可以在項目中的js文件中隨便require coffee文件。並且在你引用無論是coffee還是js文件的時候都無需擴展名, 只要前面部分名稱不沖突就行。

這個方式有個最大的問題就是,如果它作為一個模塊,只能被用於coffee項目;如果他作為一個應用, 運行環境必須安裝coffee-script。畢竟coffeescript現在還是一個小眾語言,它作為模塊時喪失了js用戶實在可惜。

另一個也許存在的缺點是性能方面的,畢竟node裡面只有js引擎,coffee代碼需要先編譯為js再運行, 這個過程是要消耗一點點時間的,盡管coffee到js的編譯速度其實挺快的。不過這應該不是什麼大問題, 一般來說,require都是寫在文件的頂部,也就是應用在啟動的時候就一氣兒把該require的文件都require了, require的時候coffee就被編譯成了js放到了js引擎中,那麼編譯消耗的那點時間都集中在了應用啟動時, 運行時幾乎不會遇到require新的coffee的情況了。node最常見的使用場景是web服務器,這就更沒問題了。

在javascript項目中引用coffeescript
npm中的coffee-script既可以全局安裝,也可以作為項目的一個模塊安裝。那coffee-script作為項目的一個模塊有啥意義呢? 其實是給項目添加了一個coffeescript的編譯器,這個項目就可以在運行時隨時編譯coffee文件。

你一定希望像第一種方式裡那樣隨便引用coffee文件。沒問題,只需要注冊一下。假如你的項目入口文件是app.js, 那麼只需要在這個文件最前面加上這麼一句:

復制代碼 代碼如下:
require('coffee-script/register');

然後你就可以在項目中隨便require coffee文件了。

這個方式本質上和第一種方式沒啥區別,只不過coffee-script沒安裝在全局,因此你的模塊可以獨立存在, 作為應用也不需要環境安裝好coffee-script了。

缺點嘛,我覺得最大的問題就是容易讓代碼有些亂,一會兒js,一會兒coffee,當然第一種方式也可能會這樣, 不過都用coffee啟動了裡面應該不會寫js了吧……總之我覺得一個項目還是把語言統一起來比較好 (遺憾的是我主要用這種方式,在一個已經用js寫出了大體結構的項目裡,我就想用coffee腫麼辦……)

性能問題上跟第一種方式一樣,不多說了。

正統的方式——編譯
一說編譯,就感覺回到了正兒八經的C或Java的時代。的確,作為一個編譯型語言,編譯後再運行才是正道。 c有gcc,java有javac,cofee有coffee -c。

要編譯一個cofee文件很簡單,比如要編輯app.coffee這個文件,就在文件的當前目錄執行:

復制代碼 代碼如下:
coffee -c app.coffee

一個名為app.js的文件就出現在當前目錄下了。這個指令也可以應用於目錄, 比如你把項目中所有的coffee源文件放到了src目錄下,那就執行:

復制代碼 代碼如下:
coffee -c src

src目錄及其各級子目錄下的所有coffee源文件都會編譯成js文件,放到和源文件相同的目錄中。

不過對於大型項目,把源文件和編譯結果文件放到一起可不太好。指定一個輸出目錄就行了:

復制代碼 代碼如下:
coffee -c -o outputs src

這個指令的參數順序有點奇怪。在coffee的幫助裡是這麼定義的:

復制代碼 代碼如下:
coffee [options] path/to/script.coffee -- [args]

注意,所有的選項(options)都在coffee和文件路徑之間。而最後的args是把目標文件作為腳本執行時給傳遞的參數。 也就是說所有的選項都放在coffee和文件名之間就可以了。 而-c這個選項是單獨的,沒有自己的參數,它只表示要把指令最後面提供的那個文件給編譯了,所以寫成這樣也行:

復制代碼 代碼如下:
coffee -o outputs -c src

假如想再加個選項,讓編譯結果不被自執行函數體包圍,就是:

復制代碼 代碼如下:
coffee -o outputs -c -b src

再假如想把所有源文件編譯成一個名為out.js的目標文件,就是:

復制代碼 代碼如下:
coffee -o outputs -c -j out src

如果每次改點代碼都要這麼執行指令也挺煩人的。coffee指令有一個選項-w可以監視源文件的變動而自動編譯:

復制代碼 代碼如下:
coffee -o outputs -c -w src

對於大型項目來說,最好提前確定好編譯方式,讓所有開發人員只需要一個指令就搞定所有編譯的事情,這就需要自動化構建了。

offee提供了一個自動化構建工具,cake,就像c世界的make。 不過就像官網上說的那樣,cake是一個很簡單的構建系統。實際上cake的功能就是執行一個名為cakefile的腳本, 而cakefile腳本是用coffeescript寫的。這個腳本只提供非常有限的內建函數,比如task, 用於聲明一個指令及其對應的描述和執行函數。其它的就是在寫一個純粹的node項目, 想完成編譯要麼使用node的fs模塊輸出coffee模塊編譯出來的字符串, 要麼用child_process模塊執行shell指令。其實cake構建的目標不一定必須是coffee,由於它實際是執行一個node腳本, 處理任何自動化的事情都可以。

另外還有一些更優秀的第三方自動化構建工具也可以完成coffee的自動編譯,比如著名的Grunt,以及國內的fekit等。

這種正統的編譯方式也許是看起來最可靠的,應該深受老程序員的喜愛。它可以讓團隊形成固定的開發模式。 另外,編譯後的項目就成了純的js項目,無論是作為應用直接運行還是作為模塊被別的項目引用都不需要額外的依賴。 並且在運行時不需要編譯,也就完全不存在編譯導致的性能問題了。

缺點嘛,就是太麻煩。如果你是要做一個不太大的項目,光搞cakefile或者配置grunt就要費半天時間,不太值得。

 通過以上內容總結,其實在使用coffeescript編寫node.js項目可以非常簡單,接下來希望大家抓緊把coffee用起來。同時也希望以上內容對大家有所幫助。 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved