Gỡ lỗi JavaScript
Lỗi có thể (sẽ) xảy ra, mỗi khi bạn viết một số mã máy tính mới.
Gỡ lỗi mã
Mã lập trình có thể chứa lỗi cú pháp hoặc lỗi lôgic.
Rất nhiều lỗi trong số này rất khó chẩn đoán.
Thông thường, khi mã lập trình có lỗi, sẽ không có gì xảy ra. Không có thông báo lỗi và bạn sẽ không nhận được chỉ dẫn nào để tìm kiếm lỗi.
Tìm kiếm (và sửa) lỗi trong mã lập trình được gọi là gỡ lỗi mã.
Trình gỡ lỗi JavaScript
Gỡ lỗi không dễ dàng. Nhưng may mắn thay, tất cả các trình duyệt hiện đại đều có trình gỡ lỗi JavaScript được tích hợp sẵn.
Có thể bật và tắt trình gỡ lỗi tích hợp, buộc người dùng phải thông báo lỗi.
Với trình gỡ lỗi, bạn cũng có thể đặt các điểm ngắt (nơi có thể dừng việc thực thi mã) và kiểm tra các biến trong khi mã đang thực thi.
Thông thường, nếu không, hãy làm theo các bước ở cuối trang này, bạn kích hoạt gỡ lỗi trong trình duyệt của mình bằng phím F12 và chọn "Bảng điều khiển" trong menu trình gỡ lỗi.
Phương thức console.log ()
Nếu trình duyệt của bạn hỗ trợ gỡ lỗi, bạn có thể sử dụng console.log()
để hiển thị các giá trị JavaScript trong cửa sổ trình gỡ lỗi:
Thí dụ
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
Mẹo: Đọc thêm về console.log()
phương pháp trong Tham chiếu Bảng điều khiển JavaScript của chúng tôi .
Đặt điểm ngắt
Trong cửa sổ trình gỡ lỗi, bạn có thể đặt các điểm ngắt trong mã JavaScript.
Tại mỗi điểm ngắt, JavaScript sẽ ngừng thực thi và cho phép bạn kiểm tra các giá trị JavaScript.
Sau khi kiểm tra các giá trị, bạn có thể tiếp tục thực thi mã (thường bằng nút phát).
Từ khoá của trình gỡ lỗi
Từ debugger
khóa dừng việc thực thi JavaScript và gọi (nếu có) hàm gỡ lỗi.
Điều này có chức năng tương tự như thiết lập một điểm ngắt trong trình gỡ lỗi.
Nếu không có gỡ lỗi nào khả dụng, câu lệnh gỡ lỗi không có hiệu lực.
Với trình gỡ lỗi được bật, mã này sẽ ngừng thực thi trước khi thực thi dòng thứ ba.
Thí dụ
let x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
Công cụ gỡ lỗi của các trình duyệt chính
Thông thường, bạn kích hoạt gỡ lỗi trong trình duyệt của mình bằng F12 và chọn "Bảng điều khiển" trong menu trình gỡ lỗi.
Nếu không, hãy làm theo các bước sau:
Trình duyệt Chrome
- Mở trình duyệt.
- Từ menu, chọn "Công cụ khác".
- Từ các công cụ, hãy chọn "Công cụ dành cho nhà phát triển".
- Cuối cùng, chọn Console.
Firefox
- Mở trình duyệt.
- Từ menu, chọn "Nhà phát triển web".
- Cuối cùng, chọn "Web Console".
Bờ rìa
- Mở trình duyệt.
- Từ menu, chọn "Công cụ dành cho nhà phát triển".
- Cuối cùng, chọn "Console".
Opera
- Mở trình duyệt.
- Từ menu, chọn "Nhà phát triển".
- Từ "Nhà phát triển", chọn "Công cụ dành cho nhà phát triển".
- Cuối cùng, chọn "Console".
Safari
- Chuyển đến Safari, Preferences, Advanced trong menu chính.
- Chọn "Bật Hiển thị menu Phát triển trong thanh menu".
- Khi tùy chọn mới "Develop" xuất hiện trong menu:
Chọn "Show Error Console".
Bạn có biết không?
Gỡ lỗi là quá trình kiểm tra, tìm và giảm các lỗi (lỗi) trong các chương trình máy tính.
Lỗi máy tính đầu tiên được biết đến là một lỗi thực sự (một loại côn trùng) mắc kẹt trong thiết bị điện tử.