欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用coffeescript編寫node.js項(xiàng)目的方法匯總

 更新時(shí)間:2015年08月05日 10:41:55   作者:tolg  
Node.js 基于JavaScript編寫應(yīng)用,JavaScript是我的主要開發(fā)語言。CoffeeScript是編譯為JavaScript的編程語言。CoffeeScript是一個(gè)非常高階的語言,將JavaScript、Ruby和Python中我最愛的部分結(jié)合在了一起。小編給大家介紹下使用coffeescript編寫node.js項(xiàng)目的方法

Node.js 基于JavaScript編寫應(yīng)用,JavaScript是我的主要開發(fā)語言。CoffeeScript是編譯為JavaScript的編程語言。其實(shí)CoffeeScript語言因其可以一對(duì)一的翻譯為JavaScript的特性,使用起來也非常靈活。將其引入項(xiàng)目的方式也有很多種,在此,我將使用coffeescript編寫node.js項(xiàng)目的方法做一個(gè)匯總。

直接使用coffee指令運(yùn)行純coffeescript項(xiàng)目
一般提起coffeescript,自然而然地會(huì)想到他是javascript的小弟,總脫離不了js的陰影。其實(shí)你完全可以把它認(rèn)作是獨(dú)立的語言。 我們都知道,在node平臺(tái)上全局安裝完coffee-script包后,就可以通過coffee指令進(jìn)入coffeescript的交互界面, 叫它repl也行。如果你的項(xiàng)目完全是用coffee寫的,那就簡單了,直接對(duì)你的入口腳本使用coffee指令就結(jié)了, 比如你的入口腳本名為“app.coffee”,那就執(zhí)行:

復(fù)制代碼 代碼如下:

coffee app.coffee

注意,這里的擴(kuò)展名coffee是不能省略的。

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

這個(gè)方式有個(gè)最大的問題就是,如果它作為一個(gè)模塊,只能被用于coffee項(xiàng)目;如果他作為一個(gè)應(yīng)用, 運(yùn)行環(huán)境必須安裝coffee-script。畢竟coffeescript現(xiàn)在還是一個(gè)小眾語言,它作為模塊時(shí)喪失了js用戶實(shí)在可惜。

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

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

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

復(fù)制代碼 代碼如下:

require('coffee-script/register');

然后你就可以在項(xiàng)目中隨便require coffee文件了。

這個(gè)方式本質(zhì)上和第一種方式?jīng)]啥區(qū)別,只不過coffee-script沒安裝在全局,因此你的模塊可以獨(dú)立存在, 作為應(yīng)用也不需要環(huán)境安裝好coffee-script了。

缺點(diǎn)嘛,我覺得最大的問題就是容易讓代碼有些亂,一會(huì)兒js,一會(huì)兒coffee,當(dāng)然第一種方式也可能會(huì)這樣, 不過都用coffee啟動(dòng)了里面應(yīng)該不會(huì)寫js了吧……總之我覺得一個(gè)項(xiàng)目還是把語言統(tǒng)一起來比較好 (遺憾的是我主要用這種方式,在一個(gè)已經(jīng)用js寫出了大體結(jié)構(gòu)的項(xiàng)目里,我就想用coffee腫么辦……)

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

正統(tǒng)的方式——編譯
一說編譯,就感覺回到了正兒八經(jīng)的C或Java的時(shí)代。的確,作為一個(gè)編譯型語言,編譯后再運(yùn)行才是正道。 c有g(shù)cc,java有javac,cofee有coffee -c。

要編譯一個(gè)cofee文件很簡單,比如要編輯app.coffee這個(gè)文件,就在文件的當(dāng)前目錄執(zhí)行:

復(fù)制代碼 代碼如下:

coffee -c app.coffee

一個(gè)名為app.js的文件就出現(xiàn)在當(dāng)前目錄下了。這個(gè)指令也可以應(yīng)用于目錄, 比如你把項(xiàng)目中所有的coffee源文件放到了src目錄下,那就執(zhí)行:

復(fù)制代碼 代碼如下:

coffee -c src

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

不過對(duì)于大型項(xiàng)目,把源文件和編譯結(jié)果文件放到一起可不太好。指定一個(gè)輸出目錄就行了:

復(fù)制代碼 代碼如下:

coffee -c -o outputs src

這個(gè)指令的參數(shù)順序有點(diǎn)奇怪。在coffee的幫助里是這么定義的:

復(fù)制代碼 代碼如下:

coffee [options] path/to/script.coffee -- [args]

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

復(fù)制代碼 代碼如下:

coffee -o outputs -c src

假如想再加個(gè)選項(xiàng),讓編譯結(jié)果不被自執(zhí)行函數(shù)體包圍,就是:

復(fù)制代碼 代碼如下:

coffee -o outputs -c -b src

再假如想把所有源文件編譯成一個(gè)名為out.js的目標(biāo)文件,就是:

復(fù)制代碼 代碼如下:

coffee -o outputs -c -j out src

如果每次改點(diǎn)代碼都要這么執(zhí)行指令也挺煩人的。coffee指令有一個(gè)選項(xiàng)-w可以監(jiān)視源文件的變動(dòng)而自動(dòng)編譯:

復(fù)制代碼 代碼如下:

coffee -o outputs -c -w src

對(duì)于大型項(xiàng)目來說,最好提前確定好編譯方式,讓所有開發(fā)人員只需要一個(gè)指令就搞定所有編譯的事情,這就需要自動(dòng)化構(gòu)建了。

offee提供了一個(gè)自動(dòng)化構(gòu)建工具,cake,就像c世界的make。 不過就像官網(wǎng)上說的那樣,cake是一個(gè)很簡單的構(gòu)建系統(tǒng)。實(shí)際上cake的功能就是執(zhí)行一個(gè)名為cakefile的腳本, 而cakefile腳本是用coffeescript寫的。這個(gè)腳本只提供非常有限的內(nèi)建函數(shù),比如task, 用于聲明一個(gè)指令及其對(duì)應(yīng)的描述和執(zhí)行函數(shù)。其它的就是在寫一個(gè)純粹的node項(xiàng)目, 想完成編譯要么使用node的fs模塊輸出coffee模塊編譯出來的字符串, 要么用child_process模塊執(zhí)行shell指令。其實(shí)cake構(gòu)建的目標(biāo)不一定必須是coffee,由于它實(shí)際是執(zhí)行一個(gè)node腳本, 處理任何自動(dòng)化的事情都可以。

另外還有一些更優(yōu)秀的第三方自動(dòng)化構(gòu)建工具也可以完成coffee的自動(dòng)編譯,比如著名的Grunt,以及國內(nèi)的fekit等。

這種正統(tǒng)的編譯方式也許是看起來最可靠的,應(yīng)該深受老程序員的喜愛。它可以讓團(tuán)隊(duì)形成固定的開發(fā)模式。 另外,編譯后的項(xiàng)目就成了純的js項(xiàng)目,無論是作為應(yīng)用直接運(yùn)行還是作為模塊被別的項(xiàng)目引用都不需要額外的依賴。 并且在運(yùn)行時(shí)不需要編譯,也就完全不存在編譯導(dǎo)致的性能問題了。

缺點(diǎn)嘛,就是太麻煩。如果你是要做一個(gè)不太大的項(xiàng)目,光搞cakefile或者配置grunt就要費(fèi)半天時(shí)間,不太值得。

 通過以上內(nèi)容總結(jié),其實(shí)在使用coffeescript編寫node.js項(xiàng)目可以非常簡單,接下來希望大家抓緊把coffee用起來。同時(shí)也希望以上內(nèi)容對(duì)大家有所幫助。 

相關(guān)文章

  • 不要在cookie中使用特殊字符的原因分析

    不要在cookie中使用特殊字符的原因分析

    參數(shù)name需要遵循規(guī)范RFC2109,也就是說name參數(shù)只能包含字母或者數(shù)字,不能包含逗號(hào)、分號(hào)、空格及美元符號(hào)。cookie的name屬性設(shè)置之后不能被修改。
    2010-07-07
  • javascript獲得CheckBoxList選中的數(shù)量

    javascript獲得CheckBoxList選中的數(shù)量

    javascript獲得CheckBoxList選中的數(shù)量(jQuery與Javascript對(duì)照學(xué)習(xí)/前臺(tái)與后臺(tái))
    2009-10-10
  • 多瀏覽器兼容的右下角廣告代碼(已測)

    多瀏覽器兼容的右下角廣告代碼(已測)

    支持FIREFOX IE7 IE6 周未就為了這個(gè)小效果,折騰死人了!找了很多的代碼都不行,不是不支持FIREFOX,就是對(duì)HTML和XHTML有要求!
    2008-04-04
  • 簡述JS控制臺(tái)的使用

    簡述JS控制臺(tái)的使用

    本文給大家介紹了js控制臺(tái)的使用,非常不錯(cuò),具有一定的參考借鑒借鑒價(jià)值,需要的朋友參考下吧
    2018-07-07
  • 詳解微信小程序支付流程與梳理

    詳解微信小程序支付流程與梳理

    這篇文章主要介紹了詳解微信小程序支付流程與梳理,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-07-07
  • Bootstrap每天必學(xué)之按鈕

    Bootstrap每天必學(xué)之按鈕

    Bootstrap每天必學(xué)之按鈕組工具欄,本文講解的就是大家最為常用的按鈕組工具欄,感興趣的小伙伴們可以參考一下
    2015-11-11
  • 一個(gè)簡單的JavaScript數(shù)據(jù)緩存系統(tǒng)實(shí)現(xiàn)代碼

    一個(gè)簡單的JavaScript數(shù)據(jù)緩存系統(tǒng)實(shí)現(xiàn)代碼

    數(shù)據(jù)緩存系統(tǒng),主要是將一些可復(fù)用的數(shù)據(jù)臨時(shí)存放一下,放下數(shù)據(jù)后面的再次調(diào)用。
    2010-10-10
  • three.js中物體的燈光與陰影設(shè)置

    three.js中物體的燈光與陰影設(shè)置

    本文主要介紹了three.js中物體的燈光與陰影設(shè)置,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-07-07
  • AjaxFileUpload.js實(shí)現(xiàn)異步上傳文件功能

    AjaxFileUpload.js實(shí)現(xiàn)異步上傳文件功能

    這篇文章主要為大家詳細(xì)介紹了AjaxFileUpload.js實(shí)現(xiàn)異步上傳文件功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-04-04
  • 你不知道的高性能JAVASCRIPT

    你不知道的高性能JAVASCRIPT

    想必大家都知道,JavaScrip是全棧開發(fā)語言,瀏覽器,手機(jī),服務(wù)器端都可以看到JS的身影。 本文會(huì)分享一些高效的JavaScript的最佳實(shí)踐,提高大家對(duì)JS的底層和實(shí)現(xiàn)原理的理解,感興趣的小伙伴們可以參考一下
    2016-01-01

最新評(píng)論