Xử lý sự cố Mẹo vặt cho JavaScript - núm vú

Tất cả các lập trình viên JavaScript - người mới bắt đầu và chuyên gia - đều có lần viết một chương trình có vẻ như cần hoạt động, nhưng nó không. Máy vi tính sẽ luôn luôn chạy các chương trình được mã một cách chính xác, vì vậy làm thế nào để bạn tìm thấy lỗi trong mã của bạn? Bạn bắt đầu tìm đâu và làm thế nào để theo dõi nó? Dưới đây là một số mẹo cho những điều đầu tiên bạn nên tìm kiếm khi một chương trình JavaScript chỉ không chạy.

Kiểm tra bảng điều khiển

Bảng điều khiển JavaScript trong trình duyệt Chrome của Google sẽ cho bạn biết nếu có lỗi, ngay cả khi nó không luôn luôn cho bạn biết chính xác lỗi là gì.

Để mở Bảng điều khiển JavaScript, hãy chọn Công cụ khác → Bảng điều khiển JavaScript từ trình đơn Chrome.

Nếu bạn thấy lỗi trong bảng điều khiển sau khi chạy chương trình của mình, nó thường bao gồm một số dòng và một liên kết. Nhấp vào liên kết này để mở vị trí trong JavaScript, nơi Chrome nghĩ mọi thứ đã sai trong chương trình của bạn.

Nếu bạn không phát hiện lỗi ngay lập tức (thường là trường hợp), hãy chuyển sang mẹ kế tiếp.

Tìm lỗi chính tả

JavaScript là khôn lanh. Viết hoa trong tên biến cũng như trong các từ khóa JavaScript tạo nên sự khác biệt. Một số tên chức năng JavaScript, chẳng hạn như getElementById, là những nguyên nhân nổi tiếng của các lỗi do các lập trình khai thác sai.

Xem kỹ các tên biến và tên hàm. Trình soạn thảo mã có chứa gợi ý mã JavaScript và mã màu có thể là một công cụ rất hữu ích khi tìm kiếm các từ sai chính tả. Một số trình chỉnh sửa mã sẽ áp dụng một màu đặc biệt cho các tên chức năng được đánh vần đúng, trong khi đó tô màu tên sai chính tả một cách khác.

Kiểm tra khung của bạn

Các dấu ngoặc đơn hoặc ngoặc đơn không khớp là nguyên nhân phổ biến gây ra lỗi. Kiểm tra để chắc chắn rằng mọi dấu ngoặc đơn, khung vuông, hoặc khung ngoặc bạn mở ({) có một khung đóng phù hợp (}).

Phù hợp với báo giá của bạn

JavaScript sẽ nhận ra cả hai dấu nháy đơn và dấu ngoặc kép là chủ sở hữu cho chuỗi. Nhưng nếu bạn bắt đầu một chuỗi với một báo giá, nó cần phải kết thúc bằng một trích dẫn đơn. Cũng vậy với dấu nháy kép.

Sử dụng bàn điều khiển. log ()

Bàn điều khiển. log () chức năng là một công cụ hữu ích để tìm ra một chương trình đi sai. Chèn bảng điều khiển. log () trong suốt đoạn code của bạn trong khi gỡ lỗi để in các giá trị của các biến quan trọng. Ví dụ, nếu bạn có một vòng lặp trong chương trình của bạn, bạn có thể chắc chắn rằng vòng lặp đang chạy đúng bằng cách đặt một bàn điều khiển. log () bên trong nó như sau:

cho (var i = 0; i <10; i ++) {console.log ("giá trị của i là:" + i);}

Câu lệnh này sẽ không thay đổi những gì xảy ra trong cửa sổ trình duyệt, nhưng nếu bạn nhìn vào bảng điều khiển JavaScript, bạn sẽ thấy các mục đăng nhập, cho biết rằng vòng lặp đang hoạt động đúng cách.

Hãy nghỉ ngơi

Đôi khi, cách tốt nhất để gỡ lỗi chương trình là bỏ đi và nghỉ ngơi. Lấy một cốc nước, ngủ trưa, đọc sách hoặc làm bất cứ điều gì nhưng hãy nhìn chằm chằm vào chương trình và kéo tóc ra. Khi bạn trở lại chương trình, bạn sẽ được làm mới! Và câu trả lời cho vấn đề này có vẻ hiển nhiên đối với bạn!