首頁 web前端 js教程 使用coffeescript編寫node.js專案的方法總結_javascript技巧

使用coffeescript編寫node.js專案的方法總結_javascript技巧

May 16, 2016 pm 03:47 PM
coffeescript

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用起來。同時也希望以上內容對大家有幫助。 

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
4 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何創建和發布自己的JavaScript庫? 如何創建和發布自己的JavaScript庫? Mar 18, 2025 pm 03:12 PM

文章討論了創建,發布和維護JavaScript庫,專注於計劃,開發,測試,文檔和促銷策略。

如何在瀏覽器中優化JavaScript代碼以進行性能? 如何在瀏覽器中優化JavaScript代碼以進行性能? Mar 18, 2025 pm 03:14 PM

本文討論了在瀏覽器中優化JavaScript性能的策略,重點是減少執行時間並最大程度地減少對頁面負載速度的影響。

前端熱敏紙小票打印遇到亂碼問題怎麼辦? 前端熱敏紙小票打印遇到亂碼問題怎麼辦? Apr 04, 2025 pm 02:42 PM

前端熱敏紙小票打印的常見問題與解決方案在前端開發中,小票打印是一個常見的需求。然而,很多開發者在實...

如何使用瀏覽器開發人員工具有效調試JavaScript代碼? 如何使用瀏覽器開發人員工具有效調試JavaScript代碼? Mar 18, 2025 pm 03:16 PM

本文討論了使用瀏覽器開發人員工具的有效JavaScript調試,專注於設置斷點,使用控制台和分析性能。

如何有效地使用Java的收藏框架? 如何有效地使用Java的收藏框架? Mar 13, 2025 pm 12:28 PM

本文探討了Java收藏框架的有效使用。 它強調根據數據結構,性能需求和線程安全選擇適當的收集(列表,設置,地圖,隊列)。 通過高效優化收集用法

如何使用源地圖調試縮小JavaScript代碼? 如何使用源地圖調試縮小JavaScript代碼? Mar 18, 2025 pm 03:17 PM

本文說明瞭如何使用源地圖通過將其映射回原始代碼來調試JAVASCRIPT。它討論了啟用源地圖,設置斷點以及使用Chrome DevTools和WebPack之類的工具。

開始使用Chart.js:PIE,DONUT和BUBBLE圖表 開始使用Chart.js:PIE,DONUT和BUBBLE圖表 Mar 15, 2025 am 09:19 AM

本教程將介紹如何使用 Chart.js 創建餅圖、環形圖和氣泡圖。此前,我們已學習了 Chart.js 的四種圖表類型:折線圖和條形圖(教程二),以及雷達圖和極地區域圖(教程三)。 創建餅圖和環形圖 餅圖和環形圖非常適合展示某個整體被劃分為不同部分的比例。例如,可以使用餅圖展示野生動物園中雄獅、雌獅和幼獅的百分比,或不同候選人在選舉中獲得的投票百分比。 餅圖僅適用於比較單個參數或數據集。需要注意的是,餅圖無法繪製值為零的實體,因為餅圖中扇形的角度取決於數據點的數值大小。這意味著任何占比為零的實體

誰得到更多的Python或JavaScript? 誰得到更多的Python或JavaScript? Apr 04, 2025 am 12:09 AM

Python和JavaScript開發者的薪資沒有絕對的高低,具體取決於技能和行業需求。 1.Python在數據科學和機器學習領域可能薪資更高。 2.JavaScript在前端和全棧開發中需求大,薪資也可觀。 3.影響因素包括經驗、地理位置、公司規模和特定技能。

See all articles