報告者：蔡昇倫

2

目錄

•介紹

•基本用法、OOP、全域變數、

擴充類別、jQuery、Angular

介紹

4

由來

• Jeremy Ashkenas

• 2009 年 - Ruby

• 2010 年 - CoffeeScript

5

什麼是 CoffeeScript？

• CoffeeScript = JavaScript

• 最佳化 Javascript 效能• 吸收 Python 、 Ruby 優點• 簡潔性、可讀性• 縮短 1 / 3 程式碼長度

6

簡潔性 var

{

}

( 　） ;

retur

n

7

簡潔性 var

{

}

( 　） ;

retur

n

8

簡潔性

9

可讀性

• 串接字串• alert “Hello, #{ word }”

• 語意化• alert “Hello” if speak is on

10

開發工具

• SublimeText

• CoffeeAngular Syntax

11

編譯工具

• Gulp

• JS2Coffee

12

參考資料

• CoffeeScript官網

• Andy’s Blog (LIVE DEMO內容)

LIVE DEMO