Sách
JavaScript
Chương 9. Kiểm tra và gỡ lỗi
In ra thông tin gỡ lỗi

JavaScript:
In ra thông tin gỡ lỗi

Làm thế nào:

JavaScript làm cho việc in thông tin gỡ lỗi trở nên cực kỳ dễ dàng sử dụng console.log(). Dưới đây là cách:

console.log('Xin chào, thế giới gỡ lỗi!');

let số = 42;
console.log('Số là:', số);

function add(a, b) {
  console.log(`Đang cộng ${a} + ${b}`);
  return a + b;
}

let kết_quả = add(3, 4);
console.log('Kết quả:', kết_quả);

Mẫu đầu ra trong bảng điều khiển trình duyệt của bạn hoặc terminal Node.js sẽ trông như thế này:

Xin chào, thế giới gỡ lỗi!
Số là: 42
Đang cộng 3 + 4
Kết quả: 7

Sâu hơn nữa

Phương thức console.log() đến từ Console API, đã là người bạn gỡ lỗi trong các môi trường trình duyệt và Node.js từ rất lâu. Nhưng không chỉ có log; bạn còn có console.warn(), console.error(), và console.info(), tất cả đều xuất ra thông điệp với các cấp độ nghiêm trọng khác nhau.

Từ lâu, các nhà phát triển sử dụng alert() để gỡ lỗi, nhưng điều đó nhanh chóng trở nên nhàm chán - nó chặn tương tác của người dùng bằng cách bật lên một hộp thoại.

Còn có console.dir() cung cấp cho bạn một cái nhìn giống JSON về một đối tượng, tiện lợi cho việc kiểm tra sâu. Nếu bạn muốn theo dõi xem điều gì đó mất bao lâu, console.time() và console.timeEnd() là bạn bè của bạn.

Dành cho những ai yêu thích một đầu ra sạch sẽ, console.table() hiển thị dữ liệu dưới dạng bảng gọn gàng. Và khi bạn đi xa hơn so với việc gỡ lỗi đơn giản và bước vào lĩnh vực hiệu suất, Console API có còn nhiều công cụ hơn nữa như console.trace() cho thông tin ngăn xếp cuộc gọi, console.profile() cho phân tích hiệu suất, và nhiều thứ khác.

Cách các phương thức console được triển khai có thể thay đổi giữa các môi trường JavaScript, nhưng bản chất vẫn giữ nguyên: chúng giúp các nhà phát triển hiểu rõ những gì đang xảy ra bên dưới một cách nhanh chóng và mà không mất nhiều công sức.

Xem thêm

Sử dụng vỏ tương tác (REPL)