TypeScript:
Xử lý lỗi

Làm thế nào:

Trong TypeScript, xử lý lỗi thường liên quan đến các khối try, catch, và finally.

function riskyOperation() {
  throw new Error("Something went wrong!");
}

function handleErrors() {
  try {
    riskyOperation();
  } catch (error) {
    console.error("Caught an error:", error.message);
  } finally {
    console.log("This always runs, error or not.");
  }
}

handleErrors();

Kết quả mẫu:

Caught an error: Something went wrong!
This always runs, error or not.

Ví dụ về Async với promises:

async function asyncRiskyOperation() {
  return new Promise((resolve, reject) => {
    // Mô phỏng lỗi
    reject("Failed miserably");
  });
}

async function handleAsyncErrors() {
  try {
    await asyncRiskyOperation();
  } catch (error) {
    console.error("Caught async error:", error);
  }
}

handleAsyncErrors();

Kết quả mẫu:

Caught async error: Failed miserably

Khám phá sâu hơn

Xử lý lỗi đã là một phần quan trọng của lập trình kể từ khi nó ra đời. Trong TypeScript, xây dựng dựa trên JavaScript, xử lý lỗi trở nên mạnh mẽ hơn với sự ra đời của async/await trong ECMAScript 2017. Trước đó, chúng ta thường dựa vào các hàm callback và promises để xử lý lỗi trong code bất đồng bộ.

Một lựa chọn thay thế cho try/catch trong TypeScript là sử dụng các khuôn khổ lỗi được cung cấp bởi các frameworks như React. Đối với xử lý phía server, chúng ta có thể sử dụng middleware trong các nền tảng như Express.js để tập trung quản lý lỗi.

Về mặt triển khai, TypeScript không có cơ chế xử lý lỗi riêng của mình nhưng lại dựa vào JavaScript. Các lớp lỗi tự tạo có thể mở rộng từ lớp Error để cung cấp thông tin lỗi mô tả rõ ràng hơn.

Xem thêm

• MDN về try/catch
• Async/Await trên MDN
• Sử dụng Error Boundaries trong React
• Xử lý lỗi trong Express.js