การทำข้อผิดพลาดที่ดักจับให้แคบลง (unknown กับ Error)

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

การเปลี่ยนแปลงใน TS 4.0

// err is now: unknown
try { doSomething(); }
catch (err) {
  // err.message; // Error — cannot access on unknown
}

การจำกัดชนิดด้วย instanceof

catch (err) {
  if (err instanceof Error) {
    console.error(err.message, err.stack);
  } else {
    console.error('Unknown error:', String(err));
  }
}

ตัวตรวจสอบชนิด isError

function isError(e: unknown): e is Error {
  return e instanceof Error;
}
catch (e) {
  if (isError(e)) console.error(e.message);
}

การจำกัดชนิดข้อผิดพลาดแบบกำหนดเอง

catch (err) {
  if (err instanceof NetworkError) { /* retry */ }
  else if (err instanceof AuthError) { /* redirect */ }
  else if (err instanceof Error) { /* generic */ }
  else throw err;
}

useUnknownInCatchVariables

{ "compilerOptions": { "useUnknownInCatchVariables": true } }

ข้อผิดพลาดที่เป็นสตริง

catch (err) {
  const message = err instanceof Error ? err.message : String(err);
  console.error(message);
}

ตัวช่วยการโยนข้อผิดพลาดแบบมีชนิด

function throwErr(msg: string, code = 500): never {
  const e: AppError = Object.assign(new Error(msg), { statusCode: code });
  throw e;
}

การโยนข้อผิดพลาดที่ไม่ทราบชนิดซ้ำ

catch (err) {
  if (err instanceof KnownError) handle(err);
  else throw err; // propagate unknowns
}

ขอบเขตข้อผิดพลาดใน React

componentDidCatch(error: unknown, info: ErrorInfo) {
  if (error instanceof Error) logError(error.message);
}

การทดสอบข้อผิดพลาดที่ดักจับได้

test('catches errors', async () => {
  jest.spyOn(api, 'fetch').mockRejectedValue(new NetworkError());
  const result = await safeRun();
  expect(result.ok).toBe(false);
});

ตรวจสอบสั้น ๆ

สรุปทบทวน