รู้จักกับ Typescript

Typescript คือเครื่องมืออีกตัวหนึ่งที่ช่วยเพิ่มความสามารถบางอย่างที่ขาดไปในภาษา Javascript เช่นการระบุ type ของตัวแปร มีจุดมุ่งหมายเพื่อลดความพิดพลาดต่างๆที่มีโอกาสเกิดขึ้นได้ง่ายๆในภาษา Javascript และช่วยให้ Code ที่เขียนสามารถใช้ได้กับ Browser ที่หลากหลายอยู่เสมอ ซึ่งเป็นส่วนหนึ่งของตัว Angular.js ดังนั้นจึงควรทำความรู้จักกันไว้เบื้องต้นเสียก่อน

โดย เอกสารต่างๆ สามารถเข้าไปดูได้ที่

https://www.typescriptlang.org/

และสามารถทดลองใช้งาน Typescript ได้ที่

https://www.typescriptlang.org/play/index.html

TypeScript เบื้องต้น

สามารถระบุ Type ที่ต้องการได้

เมื่อประกาศตัวแปรไปแล้ว ถ้ามีการกำหนดค่าใหม่ให้ตัวแปรนั้น แต่ type ไม่ใช่ของเดิม จะเกิด error

 let owner = 'Jack'
 //Or
 let owner: string

 owner = 1234

จะมี error เกิดขึ้น

Input ของ function ก็สามารถระบุ type ได้เช่นเดียวกัน

 function greeting(guest: string): string {
   return "Hello " + guest;
 }

ถ้าเรียกใช้ฟังก์ชั่น greeting โดยใส่ตัวเลขเข้าไปก็จะ error

 greeting(1234);

ตัวแปรมารับ ถ้าไม่ถูก type ก็จะ error เช่นกัน

 let greetingText: number;
 greetingText = greeting('Jack');

คุณสมบัตินี้ช่วยให้ลดความผิดพลาดระหว่างพัฒนาลงได้อย่างมาก

Format string เป็นคุณสมบัติที่ขาดหายไปใน Javascript นั่นคือให้สามารถสร้างข้อความขึ้นได้อย่างง่ายๆ ช่วยให้โค้ดอ่านง่ายขึ้น

จากเดิมในภาษา Javascript

 let name = 'Jack';
 let greetingText = 'Hello ' + name

สามารถทำได้ง่ายขึ้นใน Typescript

 let name = 'Jack';
 let greetingText = 'Hello ${name}'

นอกเหนือไปจากนี้ Typescript ยังมีความสามารถอื่นๆอยู่อีกมาก สามารถศึกษาเพิ่มเติมได้จาก link ด้านบน