2015/08/16 高雄前端社群分享

1. 報告者：蔡昇倫

2. 目錄
• 介紹
• 基本用法、OOP、全域變數、
擴充類別、jQuery、Angular
2

3. 介紹

4. 由來
• Jeremy Ashkenas
• 2009年 - Ruby
• 2010年 - CoffeeScript
4

5. 什麼是CoffeeScript？
• CoffeeScript = JavaScript
• 最佳化Javascript效能
• 吸收Python、Ruby優點
• 簡潔性、可讀性
• 縮短1 / 3程式碼長度
5

6. 簡潔性
var
{ }
( ）
;
return 6

7. 簡潔性
var
{ }
( ）
;
return 7

8. 簡潔性
8

9. 可讀性
• 串接字串
• alert “Hello, #{ word }”
• 語意化
• alert “Hello” if speak is on
9

10. 開發工具
• SublimeText
• CoffeeAngular Syntax
10

11. 編譯工具
• Gulp
• JS2Coffee
11

12. 參考資料
• CoffeeScript官網
• Andy’s Blog (LIVE DEMO內容)
12

13. LIVE DEMO