บทนำเกี่ยวกับการตรวจสอบค่า null อย่างเข้มงวด

การตรวจสอบค่า null อย่างเข้มงวดเป็นคุณลักษณะใน TypeScript ที่ช่วยป้องกันข้อผิดพลาดจากค่า null และ undefined โดยบังคับใช้ความปลอดภัยด้านประเภทข้อมูล

คุณลักษณะนี้ช่วยให้คุณจัดการกรณีเหล่านี้อย่างชัดเจน ทำให้โค้ดมีความน่าเชื่อถือและคาดการณ์ได้มากขึ้น

การตรวจสอบค่า null อย่างเข้มงวดคืออะไร

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

การเปิดใช้การตรวจสอบค่า null อย่างเข้มงวด

คุณสามารถเปิดใช้การตรวจสอบค่า null อย่างเข้มงวดได้โดยเพิ่ม "strictNullChecks": true ลงในไฟล์ tsconfig.json ของคุณ:

{
  "compilerOptions": {
    "strictNullChecks": true
  }
}

การจัดการค่าว่างและค่าที่ไม่ได้กำหนด

เมื่อเปิดใช้การตรวจสอบค่า null อย่างเข้มงวด TypeScript จะกำหนดให้คุณจัดการกับ null และ undefined อย่างชัดเจน:

function greet(name: string | null): void {
  if (name === null) {
    console.log('Hello, guest!');
  } else {
    console.log(`Hello, ${name}!`);
  }
}

greet(null);
// Output: Hello, guest!

การเชื่อมโยงแบบเลือกได้

การเชื่อมโยงแบบเลือกได้ (?.) เป็นคุณลักษณะที่ทำงานร่วมกับการตรวจสอบค่า null อย่างเข้มงวดได้เป็นอย่างดี โดยช่วยให้เข้าถึงคุณสมบัติของวัตถุที่อาจเป็นค่าว่างหรือไม่ได้กำหนดได้อย่างปลอดภัย:

const user = {
  profile: {
    name: 'Alice'
  }
};

console.log(user.profile?.name); // Output: Alice
console.log(user.profile?.age); // Output: undefined

ตัวดำเนินการยืนยันว่าไม่เป็นค่าว่าง

ตัวดำเนินการยืนยันว่าไม่เป็นค่าว่าง (!) แจ้งให้ TypeScript ทราบว่าค่านั้นไม่ใช่ค่า null หรือ undefined:

function getLength(text?: string): number {
  return text!.length;
}

console.log(getLength('Hello')); // Output: 5

ประโยชน์ของการตรวจสอบค่า null อย่างเข้มงวด

การเปิดใช้การตรวจสอบค่า null อย่างเข้มงวดช่วยให้:

• ป้องกันข้อผิดพลาดระหว่างการพัฒนาได้ดียิ่งขึ้น
• ได้โค้ดที่ปลอดภัยและน่าเชื่อถือมากขึ้น
• เพิ่มความมั่นใจให้ผู้พัฒนาเมื่อต้องจัดการกับ null และ undefined

ภารกิจฝึกปฏิบัติ

สร้างฟังก์ชันที่รับสตริงหรือค่า null และบันทึกข้อความอย่างปลอดภัยตามข้อมูลนำเข้า ทดสอบฟังก์ชันด้วยข้อมูลนำเข้าที่แตกต่างกัน

ขอแสดงความยินดี!

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