Skip to main content
0
JavaScriptProgramming LanguageTypescript

ทำไมถึงต้องใช้ Typescript ทั้งที่ก็มี JavaScript อยู่แล้ว ?

ภาษา TypeScript ถูกพัฒนาขึ้นมาสักพักหนึ่งและถูกใช้งานอย่างแพร่หลายมากขึ้น แล้วมันใช้ทำอะไรได้บ้าง มาหาคำตอบกันได้ที่นี่

มารู้จัก Typescript กันก่อน

The Trouble with TypeScript - DEV Community

TypeScript ที่จริงแล้วมันก็คือ JavaScript นั่นแหละ แต่จะพัฒนาให้มีประสิทธิภาพมากขึ้นโดยการเอาข้อเสียของ JavaScript มาปรับปรุงให้ดีขึ้น ซึ่งพัฒนาโดยบริษัท Microsoft สามารถรันบน Node.js หรือเบราว์เซอร์ใดๆ ก็ได้ที่รองรับ ECMAScript 

ทำไมถึงต้องใช้ TypeScript กันล่ะ ? 

TypeScript เป็นภาษาที่สามารถดักจับ error ก่อนที่จะรันโค้ดได้ ซึ่งจะแตกต่างกับ JavaScript ที่ไม่มีความสามารถตรงนี้ ต้องรันก่อนถึงจะรู้ว่าโค้ด error ตรงไหน อ่านไปก็จะไม่เห็นภาพ เรามาดูตัวอย่างโค้ดเปรียบเทียบกันให้เห็นภาพกันเลยดีกว่า

ตัวอย่างชุดคำสั่ง (JavaScript)

function number(num1, num2) {
   return num1 + num2;
}

console.log(number(8, 9));    // Result: 17
console.log(number("8", 9));  // Result: 89

ผลลัพธ์จะแตกต่างกัน console.log(number(8, 9)); //Result: 17 เป็นผลลัพธ์ที่ถูกต้อง จะสังเกตได้ว่าพารามิเตอร์เป็น number ทั้ง 2 ตัวทำให้ผลลัพธ์บวกกันได้ 17 แต่ console.log(number(“8”, 9)); //Result: 89 ซึ่ง 8 เป็น String ผลลัพธ์ที่บวกกันได้ก็เลยเป็น 89 (เหมือนต่อ String เฉยๆ)

นั่นเป็นเพราะ JavaScript สามารถประกาศตัวแปรแบบไม่ต้องกำหนด Type ได้ เช่น Int, Float, Char ซึ่งมันจะทำให้เกิดความผิดพลาดในการรับ – ส่งค่าระหว่างตัวแปรได้ ถึงมันจะไม่แจ้งเตือน Error ตอนเราเขียน แต่มันจะมาขึ้นหลังจากเรารันโค้ดเสร็จแล้ว หากเป็นค่าที่ซับซ้อนกว่านี้ล่ะ ลองคิดดูว่าจะเกิดผลเสียแค่ไหน…

ตัวอย่างชุดคำสั่ง (TypeScript)

function number(num1:number, num2:number) {
   return num1 + num2
}

console.log(number(8, 9));    // Result: 17
console.log(number("8", 9));  // Result: Error

ซึ่งมันจะขึ้น Alert ตั้งแต่เรายังไม่กดรันโค้ดแบบนี้เลยนะ

นั่นเป็นเพราะว่าค่าที่ส่งไปมี Type ไม่ตรงกัน (“8” เป็น String) เพราะ num1 และ num2 รับเฉพาะ Type ที่เป็น number เท่านั้น !!

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

เป็นยังไงบ้างพอที่จะเห็นความแตกต่างของ TypeScript และ JavaScript กันแบบคร่าวๆ แล้วเนอะ

สรุป
TypeScript ก็คือ JavaScript ที่ถูกพัฒนาแล้ว ซึ่งมันจะช่วยให้เราพัฒนาโปรเจคให้มีประสิทธิภาพมากขึ้น สามารถจะกันความผิดพลาด หรือช่องโหว่ของ JavaScript ได้ดีเลยแหละ เพื่อนๆ ก็สามารถไปเลือกใช้ได้ตามความเหมาะสมของโปรเจคเลยนะ หากเนื้อหามีความผิดพลาดหรืออยากเพิ่มเติมอะไรสามารถมาแชร์กันได้เลยน้าา 😊

Kanthima Muangsen

Author Kanthima Muangsen

More posts by Kanthima Muangsen
Close Menu

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

ตั้งค่าความเป็นส่วนตัว

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

ยอมรับทั้งหมด
จัดการความเป็นส่วนตัว
  • คุกกี้ที่จำเป็น
    เปิดใช้งานตลอด

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

  • คุกกี้สำหรับการติดตามทางการตลาด

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

บันทึกการตั้งค่า