Bài 10. Xử lý lỗi và gỡ lỗi

Khái niệm và lý thuyết

Có ba loại lỗi: cú pháp (SyntaxError, chương trình không chạy), lỗi chạy (TypeError, ReferenceError, RangeError...) và lỗi logic (chạy được nhưng sai kết quả, khó phát hiện nhất). Lỗi chạy là đối tượng Error có name, message, stack.

Nguyên tắc: bắt lỗi ở nơi có thể xử lý (hiển thị thông báo, thử lại, dùng giá trị mặc định); nếu không xử lý được thì để lỗi lan lên, đừng “nuốt” lỗi trong catch rỗng.

try, catch, finally

function docCauHinh(chuoi) {
  try {
    return JSON.parse(chuoi);
  } catch (err) {
    console.error("JSON hỏng:", err.message);
    return {};
  } finally {
    console.log("Đã đọc cấu hình"); // luôn chạy
  }
}

Lỗi tự định nghĩa

class LoiHopLe extends Error {
  constructor(truong, message, options) {
    super(message, options);
    this.name = "LoiHopLe";
    this.truong = truong;
  }
}
function kiemTraTuoi(t) {
  if (!Number.isInteger(t)) throw new LoiHopLe("tuoi", "Tuổi phải là số nguyên");
}
try { kiemTraTuoi("abc"); }
catch (e) {
  if (e instanceof LoiHopLe) alert(`${e.truong}: ${e.message}`);
  else throw e;                      // lỗi khác: ném tiếp
}
// Gói lỗi gốc: throw new Error("Không tải được", { cause: err });

Lỗi bất đồng bộ

async function tai(url) {
  try {
    const res = await fetch(url);
    if (!res.ok) throw new Error("HTTP " + res.status); // fetch không tự ném khi 404
    return await res.json();
  } catch (err) {
    console.error(err);
    throw err;
  }
}
window.addEventListener("unhandledrejection", e => console.warn("Chưa bắt:", e.reason));

Gỡ lỗi với DevTools

• Mở F12 → Sources, bấm số dòng để đặt breakpoint, hoặc chèn lệnh debugger;.
• Dùng F10 (bước qua), F11 (bước vào), xem biến ở khung Scope và Watch.
• console.table(mang), console.time()/timeEnd() giúp xem dữ liệu và đo thời gian.
• Trong VS Code, chạy “JavaScript Debug Terminal” để gỡ lỗi Node.js.