ทำไมถึงต้องใช้ TypeScript

เหตุใดฉันจึงควรใช้ TypeScript

JavaScript เป็นภาษายอดนิยมใช้ได้ทุกงาน และจัดเป็น dynamic type อาจเป็นเรื่องยากที่จะเข้าใจว่าเป็นข้อมูลประเภทใด หรือ ไทป์ อะไรที่ถูกส่งผ่านใน JavaScript

แต่เป็นเรื่องยาก หากต้องทำงานกับ Object ใน Application ที่มีโครงสร้างขนาดใหญ่ โดยเฉพาะการพัฒนา Applcaition หลังบ้าน

ดังนั้นสำหรับ TypeScript อนุญาตให้ระบุประเภทของข้อมูลที่ส่งผ่านภายในโค้ด และมีความสามารถในการรายงานข้อผิดพลาดเมื่อประเภทไม่ตรงกัน

ตัวอย่างเช่น TypeScript จะรายงานข้อผิดพลาดเมื่อส่งสตริง (string) ไปยังฟังก์ชันที่คาดหวังตัวเลข หรือ (number) ทำให้รู้ว่าอะไรเกิดจากความผิดพลาด ในขณะ เดียวกันภาษาจาวาสคริปต์จะไม่คำนึงถึงเรื่องดังกล่าว แต่ก็ไม่ได้หมายความว่า ไม่ดีหรือเป็นสิ่งที่ผิด ทั้งที่จริง ๆ แล้ว javascript ออกแบบมาให้เขียนโค้ตใช้งานง่ายและลด ความยุ่งยาก

ซึ่งการใช้ TypeScript มองได้หลายมุม โดยเฉพาะโลกของการทำงานปัจจุบันกับระบบองค์กรที่ต้องการความชัดเจน และแบบแผนโครงสร้างทางโปรแกรมที่ใหญ่ TypeScript จึงเข้ามามีบทบาทให้เชิงสร้างสภาวะการทำงานแบบใหม่ให้ไปตามแบบแผน หรือโครงสร้างที่กำหนด

TypeScript ทำงานได้อย่างไร

วิธีทั่วไปในการใช้ TypeScript คือการใช้ทรานไพเลอร์ (transpiler ) ซึ่งหมายความว่า เป็นการแปลงโค้ด TypeScript เป็น JavaScript หรือนิยามเดิมก็คือ หลักการเปลี่ยนภาษาหนึ่งไปยังภาษาหนึ่ง จัดอยู่ในกลุ่มแยกย่อยของ คอมไพเลอร์ (compiler) หรือ โปรแกรมที่แปลภาษาโปรแกรม

โดยสรุปก็คือ การเปลี่ยนภาษา TypeScript เป็น JavaScript แบบปกติ แล้วต่อจากนั้นก็ทำการแปลภาษา JavaScript อีกทอดหนึ่ง โดยตัว Engine ที่นิยมใช้สุดคือ V8 ของ Google Chrome และ Node.js เพื่อให้ machine หรือคอมพิวเตอร์ที่ใช้อยู่นั้นเข้าใจ หรือผู้ภาษาง่าย ๆ คือ มีตัวแปลภาษาซ้อนกันอยู่ 2 ระบบหลัก ๆ นั้นเอง

เหมือนคุณถ่ายทอดภาษาไทย แล้วแปลเป็นภาษาอังกฤษ

ส่วนถัดไปจะแสดงวิธีรับการตั้งค่าคอมไพลเลอร์สำหรับโปรเจ็กต์ในเครื่อง โปรแกรมแก้ไขโค้ดยอดนิยมบางตัว เช่น Visual Studio Code มีการรองรับ TypeScript ในตัวและสามารถแสดงข้อผิดพลาดในขณะที่คุณเขียนโค้ดได้!

ดาวน์โหลด TypeScript

TypeScript สามารถติดตั้งผ่านเส้นทางการติดตั้งสามเส้นทาง ขึ้นอยู่กับวิธีที่คุณต้องการใช้งาน: โมดูล npm, แพ็คเกจ NuGet หรือ Visual Studio Extension หากคุณใช้ Node.js คุณต้องการเวอร์ชัน npm หากคุณใช้ MSBuild ในโครงการของคุณ คุณต้องการใช้แพ็คเกจ NuGet หรือส่วนขยาย Visual Studio

การติดตั้งคอมไพเลอร์

TypeScript มีคอมไพเลอร์อย่างเป็นทางการซึ่งสามารถติดตั้งได้ในเวลา npm ภายในโปรเจ็กต์ npm ของคุณ ให้รันคำสั่งต่อไปนี้เพื่อติดตั้งคอมไพเลอร์:

npm install typescript --save-dev

และสามารถรันต่อด้วย

npx tsc