Skip to main content
เทคโนโลยี

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

By มิถุนายน 28th, 2021No Comments

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

เขียนโดย
Kanthima Muangsen
 – BorntoDev Co., Ltd.

มารู้จัก 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 ได้ดีเลยแหละ เพื่อนๆ ก็สามารถไปเลือกใช้ได้ตามความเหมาะสมของโปรเจคเลยนะ หากเนื้อหามีความผิดพลาดหรืออยากเพิ่มเติมอะไรสามารถมาแชร์กันได้เลยน้าา 😊

หากคุณสนใจพัฒนา สตาร์ทอัพ แอปพลิเคชัน
และ เทคโนโลยีของตัวเอง ?

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

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

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

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

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

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

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

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

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