หากเราอยากจะทำหน้าเว็บไซต์ซักหน้าหนึ่ง เราก็คงจะได้ยินหรือคุ้นเคยชื่อภาษาโปรแกรมมิ่งอย่างภาษา HTML, CSS, และก็ JavaScript ใช่ไหมหล่ะครับ ซึ่งทั้งสามภาษาหลักนี้ก็ดูเหมือนจะไม่มีพิษมีภัยอะไร แต่เมื่อเพื่อน ๆ มีเว็บไซต์ขนาดใหญ่แล้วต้องการจัดการโค้ดเหล่านั้นให้เด็ดขาดก็จะทำได้ยากขึ้นซึ่งเป็นปัญหาของทุกภาษาโปรแกรมมิ่ง
วันนี้ผมก็ได้พบเจอกับภาษาโปรแกรมมิ่งหน้าใหม่ที่ดีกว่าและมากกว่า JavaScript นั่นก็คือภาษา TypeScript ที่รวมเอาทั้งความเป็น Java และ JavaScript เข้าด้วยกันอย่างลงตัว แถมยังสามารถเอาไปใช้งานคู่กับ JavaScript เดิมที่เพื่อน ๆ อาจจะมีอยู่แล้วได้อีกด้วย
แต่มันจะดีกว่าอย่างไรหล่ะ?! มาดูกันเลยครับ
ทำความรู้จักกับ TypeScript
TypeScript นั้นเป็นภาษาโปรแกรมมิ่งหนึ่งที่ถูกสร้างขึ้นโดยบริษัท Microsoft ที่มีเป้าหมายเข้ามาแก้ไขการตรวจสอบประเภทตัวแปร (Static Typing) ที่ JavaScript นั้นไม่มีการตรวจสอบประเภทตัวแปร (Dynamic Typing) และฟังก์ชันก่อนการเริ่มทำงาน ทำให้ตัวภาษา TypeScript เองนั้นเป็น superset หรือครอบคลุมฟังก์ชันของการใช้งาน JavaScript และเพิ่มเติมด้วยการตรวจสอบและประกาศประเภทตัวแปร
หากเราเอา TypeScript มาเปรียบเทียบกับ JavaScript ก็แทบจะแยกกันไม่ออกเลยหล่ะว่าอันไหนเป็นภาษาไหน
ตัวอย่าง TypeScript เพื่อบวกเลข
let number1: number = 12
let number2 = 34 // ถ้าไม่ระบุประเภทข้อมูล TypeScript จะถือว่าเป็น number อัตโนมัติ
function addValue (value1: number, value2: number): number {
return value1 + value2
}
console.log(addValue(number1, number2)) // 46 (type เป็น number)
console.log(addValue('Hello', 'World')) // Error: Argument of type 'string' is not assignable to parameter of type 'number'
ซึ่งตัว TypeScript จะขึ้นข้อความว่าบรรทัดนี้จะมีปัญหาทันทีเพราะประเภทตัวแปร (ตอนนี้คือ string) ไม่ตรงกับที่ต้องการรับเข้า (ตอนนี้คือ number) และจะไม่ยอมให้เรารันโปรแกรมได้เลย