☕ CoffeeScript เป็นภาษาขนาดเล็กที่ Compile เป็น JavaScript สร้างขึ้นเมื่อปี 2009 เพื่อลบจุดด้อยของ JavaScript มี Syntax ที่ง่ายต่อการเรียนรู้มากกว่า JavaScript ช่วยให้เราเขียน JavaScript สั้นลง ดูแลได้ง่ายนั่นเอง !!
.
👨💻 การใช้งานเบื้องต้น
ก่อนอื่นจำเป็นต้องมี Node.js และ NPM ก่อนนะ และเริ่มต้นเขียนคำสั่งตามด้านล่างเลยจ้า
.
คำสั่ง
# Install locally for a project:
npm install --save-dev coffeescript
.
# Install globally to execute .coffee files anywhere:
npm install --global coffeescript
.
จากนั้นทำการเปิดใช้งาน CoffeeScript Library
coffee -c filename.coffee
.
ทดลองพิมพ์คำสั่ง
.
console.log "Hello world"
.
จะเห็นได้ว่า CoffeeScript มันไม่ต้องใส่วงเล็บ ก็สามารถรันโค้ดได้
.
🔎 มาดูข้อดีของ CoffeeScript กันดีกว่า
.
⭐ เข้าใจง่าย - เพราะ Syntax ของเจ้า CoffeeScript จะเน้นเขียนง่าย ทำให้จัดเรียงโค้ดได้สะอาดตา และทำให้เราเข้าใจได้ง่าย
.
⭐ ไม่ต้องใช้ var - ไม่ต้องประกาศ var ก่อนตัวแปร มันจะช่วยหลีกเลี่ยงปัญหาขอบเขตของตัวแปรได้
.
⭐ หมดปัญหาเรื่องลืม Symbol - เพราะ CoffeeScript ไม่ต้องใส่ Symbol เช่น () หรือ ; ต่อท้ายเลย ซึ่งเราจะใช้การเว้นวรรคแบ่งการทำงานของแต่ละฟังก์ชันแทน คล้ายๆ กับใน Python นั่นแหละ
.
⭐ Less Code - บรรทัดของโค้ดจะลดน้อยลง ซึ่งมันจะช่วยลดความซับซ้อนของโปรแกรมนั่นเอง
.
⭐ ดูแลง่าย - การที่มันเขียนง่าย เข้าใจง่าย มันจึงทำให้เราสามารถแก้ไขโค้ดได้ง่ายนั่นเอง
.
🌈 ทำไมถึงได้รับความนิยมน้อยลง ??
.
ด้วยการเกิดของ ES6 ในปี 2015 ซึ่งทำให้ลบจุดด้อยของ JavaScript ไปได้เยอะ และยังเพิ่มประสิทธิภาพของ JavaScript ไปได้อีกด้วย แถมยังมี Community ที่ใหญ่มากขึ้นด้วย อีกทั้ง TypeScript ก็ถูกพัฒนาเป็นภาษามาตรฐาน และมีประสิทธิภาพด้วยเช่นกัน ทำให้เจ้าใหญ่ๆ เช่น Angular ใช้ TypeScript ในการพัฒนาเป็นหลัก จนทำให้ทุกวันนี้ CoffeeScript ลดความนิยมไปอย่างมากนั่นเอง
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
「typescript npm」的推薦目錄:
- 關於typescript npm 在 BorntoDev Facebook 的最佳貼文
- 關於typescript npm 在 91 敏捷開發之路 Facebook 的最佳貼文
- 關於typescript npm 在 軟體開發學習資訊分享 Facebook 的最佳貼文
- 關於typescript npm 在 How to update TypeScript to latest version with npm? - Stack ... 的評價
- 關於typescript npm 在 TypeScript is a superset of JavaScript that compiles ... - GitHub 的評價
- 關於typescript npm 在 TypeScript Basics 23 - Creating an npm project - YouTube 的評價
- 關於typescript npm 在 如何发布typescript npm 包 的評價
typescript npm 在 軟體開發學習資訊分享 Facebook 的最佳貼文
Slack Desktop 是使用 Electron 開發的 ,但是隨著 codebase 越來越大,Slack 桌面 App 團隊開始將原有的 javascript 轉移到 TypeScript ,這篇文章分享了他們的轉移經驗,還有獲得了哪些好處,在文章看到幾個重點
1. TypeScript 是有型別的,在安裝了編輯器 plugin 支援下可以動態檢查是否會呼叫到不存在的屬性或是 function
2. TypeScript 可以與 javascript 共存, 所以要從 javascript 轉移到 TypeScript 可以採用漸進式移轉, 而不是將 javascript 完全打掉重練
3. 在將 Javascript 移轉到 TypeScript 過程中,開發者使用 type checker 找到許多 bugs
4. 在 pre-commit hook 使用 TSLint 檢查修改的 code 是否有符合 linting rules
5. 第三方程式庫也必須是 TypeScript 相容,如果有些程式庫沒有型別定義, 這篇文章提到一個 DefinitelyTyped 專案可以找到 The repository for high quality TypeScript type definitions. 可以使用 npm install @types/react 安裝
▶對於 Typescript 有興趣可以參考這門熱門課程 Understanding TypeScript https://goo.gl/Q8GfI2
https://slack.engineering/typescript-at-slack-a81307fa288d
typescript npm 在 TypeScript is a superset of JavaScript that compiles ... - GitHub 的推薦與評價
TypeScript. GitHub Actions CI Devops Build Status npm version Downloads · TypeScript is a language for application-scale JavaScript. ... <看更多>
typescript npm 在 How to update TypeScript to latest version with npm? - Stack ... 的推薦與評價
... <看更多>
相關內容