การอนุมานชนิดคืออะไร

การอนุมานชนิดเป็นฟีเจอร์ใน TypeScript ที่กำหนดชนิดของตัวแปรหรือนิพจน์โดยอัตโนมัติตามค่าของตัวแปรหรือนิพจน์นั้น

ตัวอย่างเช่น เมื่อคุณเขียน let age = 25; TypeScript จะอนุมานว่า age มีชนิดเป็น number

ประโยชน์ของการอนุมานชนิด

การอนุมานชนิดช่วยลดความจำเป็นในการประกาศชนิดอย่างชัดเจน ทำให้โค้ดสะอาดและเขียนได้ง่ายขึ้น

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

ตัวอย่างการอนุมานชนิด

ตัวอย่างมีดังนี้: 

• let message = 'Hello'; - TypeScript อนุมานชนิดเป็น string 
• const isActive = true; - TypeScript อนุมานชนิดเป็น boolean

การอนุมานชนิดยังทำงานกับค่าที่ฟังก์ชันส่งคืนได้ด้วย:

function add(a: number, b: number) {
  return a + b;
}

การกำหนดชนิดตามบริบทคืออะไร

การกำหนดชนิดตามบริบทเกิดขึ้นเมื่อ TypeScript กำหนดชนิดให้ตัวแปรตามบริบทโดยรอบ

ตัวอย่างเช่น เมื่อใช้ตัวรับฟังเหตุการณ์ TypeScript จะอนุมานชนิดของพารามิเตอร์ event:

document.addEventListener('click', (event) => {
  console.log(event.clientX); // TypeScript knows event is a MouseEvent
});

document.addEventListener('click', (event) => {
  console.log(event.clientX);
});

ประโยชน์ของการกำหนดชนิดตามบริบท

การกำหนดชนิดตามบริบทช่วยเพิ่มประสบการณ์ของผู้พัฒนาโดยลดความจำเป็นในการระบุชนิดด้วยตนเอง

ช่วยตรวจจับข้อผิดพลาดและรับรองว่าคุณกำลังทำงานกับชนิดที่ถูกต้องในบริบทเฉพาะ

กรณีทั่วไปของการอนุมานชนิด

TypeScript จะอนุมานชนิดในหลายสถานการณ์ เช่น:

• การกำหนดค่าเริ่มต้นให้ตัวแปร: let name = 'John';
• ค่าที่ฟังก์ชันส่งคืน: function greet() { return 'Hello'; }
• ค่าในอาร์เรย์: let numbers = [1, 2, 3]; (อนุมานเป็น number[])

เมื่อใดควรใช้ชนิดที่ระบุอย่างชัดเจน

แม้ว่าการอนุมานชนิดของ TypeScript จะมีประสิทธิภาพ แต่ก็มีบางกรณีที่การระบุชนิดอย่างชัดเจนเหมาะสมกว่า:

• เมื่อชนิดไม่ชัดเจนหรือซับซ้อน
• สำหรับพารามิเตอร์ของฟังก์ชัน เพื่อให้เข้าใจได้ชัดเจน
• สำหรับส่วนติดต่อโปรแกรมสาธารณะ ซึ่งการระบุชนิดอย่างชัดเจนช่วยให้อ่านและดูแลรักษาได้ง่ายขึ้น

แบบฝึกหัด: การอนุมานชนิดและการกำหนดชนิดตามบริบท

เขียนฟังก์ชันที่รับตัวเลขสองตัวเป็นข้อมูลเข้าและส่งคืนผลรวม TypeScript จะอนุมานชนิดให้คุณ

ตัวอย่าง:

function addNumbers(a, b) {
  return a + b;
}

function addNumbers(a, b) {
  return a + b;
}

ทำได้ดีมาก

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