null, undefined และการตรวจสอบค่า null อย่างเข้มงวด

ยินดีต้อนรับ

ค่าว่างเทียบกับค่าที่ยังไม่ได้กำหนด

let a: undefined = undefined;
let b: null = null;

เมื่อไม่มีการตรวจสอบค่าว่างแบบเข้มงวด

// strictNullChecks: false (unsafe default)
let name: string = null; // allowed — dangerous!

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

// strictNullChecks: true
let name: string = null; // Error!
let maybeName: string | null = null; // OK

คุณสมบัติที่เลือกได้

interface Config {
  host: string;
  port?: number; // number | undefined
}

const c: Config = { host: 'localhost' };
console.log(c.port?.toString()); // optional chaining

การจำกัดชนิดที่อาจเป็นค่าว่างให้แคบลง

function greet(name: string | null): string {
  if (name === null) return 'Guest';
  return 'Hello, ' + name;
}

การเชื่อมต่อแบบเลือกได้ (?.)

const user = getUser();
const city = user?.address?.city; // undefined if any step is null

การรวมค่าเมื่อว่างเปล่า (??)

const port = config.port ?? 3000; // 3000 if port is null/undefined
const label = name ?? 'Anonymous';

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

const el = document.getElementById('root')!;
el.textContent = 'Loaded'; // no null check needed

การคืนค่า null เทียบกับ undefined

function findUser(id: number): User | null {
  return db.find(u => u.id === id) ?? null;
}

strictNullChecks ป้องกันข้อผิดพลาดมูลค่าพันล้านดอลลาร์

ตรวจสอบอย่างรวดเร็ว

สรุปทบทวน