通過Coffeescript加速您的JavaScript開發

> coffeescript：JavaScript的簡潔而可讀的替代品

coffeescript是一種彙編的語言，可翻譯成JavaScript，提供了更具表現力和緊湊的語法。這會導致更清潔，更可維護的代碼，而錯誤則更少。 它的創作者傑里米·阿什肯納斯（Jeremy Ashkenas）將其描述為讓您“寫下你的意思”，避免了JavaScript的歷史怪癖。

>關鍵優勢包括提高的可讀性，與較舊的Internet Explorer版本的兼容性以及避免常見的JavaScript陷阱（如尾逗號和自動插入）。 它日益普及的人，尤其是在鐵路社區中，反映在頂級編程語言的Tiobe指數中。

>

開始使用Coffeescript>

通過NPM簡單地安裝：

全局安裝允許使用

<code class="language-bash">npm install coffee-script -g</code>

。

coffee彙編

可以手動編譯），也可以使用觀察者在保存時自動重新編譯。 手動彙編：

自動重新編譯： .coffee

注意：Coffeescript 1.9.1中的一個錯誤會影響觀察者；建議在下面的示例中使用1.9.0版。

<code class="language-bash">coffee -c app.coffee</code>

>

> coffeescript基礎

<code class="language-bash">coffee -cw app.coffee</code>

coffeescript通過多種方式簡化JavaScript：

>變量聲明：

變量聲明通常是不必要的；只需分配一個值：

。

• 分號： hasBody = true>
函數調用：
• 括號是可選的，用於頂級函數呼叫：>。
• 凹痕：凹痕（兩個空格或一個選項卡）定義了代碼塊。 $(".messages").show 'slow'
• >示例：

>布爾和有條件

> Coffeescript提供簡潔的布爾和有條件語法：

<code class="language-coffeescript">if hasBody
  alert "Hello Body"
else
  alert "No Body"</code>

在 在

>和代表

和

。

。

• 啟用單線條件。 on yestrue>和true代表
和
• 。 off。 no falsefalse迭代，過濾器和範圍
• > is>迭代使用isnt用於數組，而===!==用於對象屬性：>
• >使用then：
實現過濾

<code class="language-bash">npm install coffee-script -g</code>

>數字範圍很容易創建：（包含），[0..10]（exclusive）。 [0...11]

>

>> this函數是使用來定義的：

>

->

符號替換

<code class="language-bash">coffee -c app.coffee</code>

關鍵字。 @> this

ES6樣式類，OOP

> > coffeescript支持以對象為導向的編程，並具有繼承：

使用

支持REST參數：

<code class="language-bash">coffee -cw app.coffee</code>

>

使用隱式回報；最後一個語句的值已返回。 ...

<code class="language-coffeescript">if hasBody
  alert "Hello Body"
else
  alert "No Body"</code>

結論

> CoffeeScript為JavaScript提供了更簡潔，更可讀的替代方案，簡化了開發和減少錯誤。 儘管它的知名度隨現代JavaScript的進步有所減弱，但對於那些尋求更具表現力的腳本體驗的人來說，它仍然是一個有價值的工具。 常見問題（FAQS）

>

省略了原始輸入的FAQ部分，因為鑑於重寫文章中已經提供了信息，因此在很大程度上是多餘的。 常見問題解答中的信息已被整合到修訂文本中。 >

以上是通過Coffeescript加速您的JavaScript開發的詳細內容。更多資訊請關注PHP中文網其他相關文章！