Lỗi là những câu lệnh không cho phép chương trình chạy đúng cách. Có ba loại lỗi chính có thể xảy ra khi biên dịch chương trình JavaScript. Những lỗi này bao gồm lỗi cú pháp, lỗi thời gian chạy và lỗi logic
- 1. Lỗi cú pháp [phổ biến nhất]
Cú pháp sai làm tăng lỗi phân tích cú pháp và xảy ra tại thời điểm diễn giải. Ví dụ đơn giản là giới thiệu dấu chấm phẩy khi cần có dấu hai chấm
let exObj = { name; 'Rick' }
Vào chế độ toàn màn hình Thoát chế độ toàn màn hình
- 2. Lỗi thời gian chạy
Xảy ra sau khi trình biên dịch diễn giải mã, khi mã chạy. Còn được gọi là ngoại lệ. Nó có thể xảy ra bằng cách gọi một hàm mà nó không được khai báo
Cú pháp đúng nhưng không có chức năng
// calling not declared function
doSomeStuff[]
Vào chế độ toàn màn hình Thoát chế độ toàn màn hình
- 3. Lỗi logic [khó tìm nhất]
Lỗi trong luồng dữ liệu. Các yếu tố logic được cấu trúc tốt, cú pháp đúng, nhưng hợp lưu của dữ liệu không đúng cách
Cân nhắc kịch bản "Có một bộ phim tên là Kẻ hủy diệt 2". Xem xét con đường tuyên bố kết thúc có hậu. ''John Connor giết Kẻ hủy diệt. ''
Lập trình là một hoạt động sáng tạo, đòi hỏi khắt khe và bổ ích. Có rất nhiều trường hợp xảy ra sự cố và chúng tôi gặp phải lỗi trong ứng dụng. Hãy xem xét các loại lỗi trong Javascript nhưng trước tiên, hãy xem cách chúng ta có thể đưa ra một lỗi ví dụ
try {
throw Error['sample Error'];
} catch [e] {
console.log[e.message]; sample Error
}
Không có gì khó chịu, chúng ta hãy xem các loại
SyntaxError - có lẽ là lỗi phổ biến nhất trong khi phát triển. Nó cho chúng ta biết rằng cú pháp của mã bằng cách nào đó không hợp lệ
Ví dụ về lỗi cú pháp
TypeError - số hai của tôi khi có liên quan đến sự xuất hiện trong quá trình phát triển. Được ném khi chúng tôi có một số giá trị và nó không phải là loại phù hợp
Ví dụ về lỗi loại
ReferenceError - được đưa ra khi chúng ta muốn tham chiếu đến một số biến không tồn tại
Ví dụ về lỗi tham chiếu
RangeError —được đưa ra khi một giá trị không nằm trong phạm vi cho phép
Ví dụ về lỗi phạm vi
URIError - bị ném khi URI không hợp lệ trong các phương thức liên quan đến URI
Ví dụ về lỗi URI
Đó sẽ là loại lỗi phổ biến nhất trong JavaScript. Ngoài ra còn có EvalError và InternalError mà tôi không đề cập đến vì lỗi đầu tiên không được đưa vào JavaScript hiện đại và chỉ được giữ để tương thích trong khi lỗi sau chưa được chuẩn hóa. Bạn có thể ném tất cả các lỗi trên. Hãy xem một ví dụ thực tế
Lỗi có thể là lỗi mã hóa do lập trình viên tạo ra, lỗi do nhập sai và những điều không lường trước được khác
Ví dụ
Trong ví dụ này, chúng tôi đã viết sai chính tả "alert" thành "adddlert" để cố tình tạo ra lỗi
Tự mình thử »JavaScript bắt lỗi adddlert và thực thi mã bắt để xử lý nó
thử và nắm bắt JavaScript
Câu lệnh try
cho phép bạn xác định một khối mã sẽ được kiểm tra lỗi trong khi nó đang được thực thi
Câu lệnh catch
cho phép bạn xác định một khối mã sẽ được thực thi, nếu xảy ra lỗi trong khối thử
Các câu lệnh JavaScript try
và catch
đi theo cặp
thử {
Khối mã để thử
}
catch[err] {
Block of code to handle errors
}
Lỗi ném JavaScript
Khi xảy ra lỗi, thông thường JavaScript sẽ dừng và tạo thông báo lỗi
Thuật ngữ kỹ thuật cho điều này là. JavaScript sẽ đưa ra một ngoại lệ [ném một lỗi]
JavaScript sẽ thực sự tạo một đối tượng Lỗi có hai thuộc tính. tên và tin nhắn
Tuyên bố ném
Câu lệnh throw
cho phép bạn tạo một lỗi tùy chỉnh
Về mặt kỹ thuật, bạn có thể ném ngoại lệ [ném lỗi]
Ngoại lệ có thể là JavaScript String
, catch
0, catch
1 hoặc catch
2
ném "To quá";
throw 500; // throw a number
Nếu bạn sử dụng throw
cùng với try
và catch
, bạn có thể kiểm soát luồng chương trình và tạo thông báo lỗi tùy chỉnh
Ví dụ xác thực đầu vào
Ví dụ này kiểm tra đầu vào. Nếu giá trị sai, một ngoại lệ [err] được ném ra
Ngoại lệ [err] bị bắt bởi câu lệnh bắt và thông báo lỗi tùy chỉnh được hiển thị
Vui lòng nhập một số từ 5 đến 10
Kiểm tra đầu vào
Xác thực HTML
Đoạn mã trên chỉ là một ví dụ
Các trình duyệt hiện đại thường sẽ sử dụng kết hợp JavaScript và xác thực HTML tích hợp, sử dụng các quy tắc xác thực được xác định trước được xác định trong các thuộc tính HTML