Khi thực thi code JavaScript, chắc chắn sẽ xảy ra lỗi. Những lỗi này có thể xảy ra do lỗi từ phía lập trình viên hoặc do đầu vào sai hoặc thậm chí là do logic của chương trình có vấn đề. Nhưng tất cả các lỗi đều có thể được giải quyết và để làm như vậy, Hãy Thế giới JS cùng tìm hiểu và sử dụng năm câu lệnh sẽ được giải thích ngay bây giờ.(try, catch, throw, finally)
- Câu lệnh try cho phép bạn kiểm tra một khối code để kiểm tra lỗi.
- Câu lệnh catch cho phép bạn xử lý lỗi nếu có.
- Câu lệnh throw cho phép bạn ném lỗi của riêng mình.
- Câu lệnh finally cho phép bạn thực thi code sau cùng khi code chạy xong lệnh try và catch.
- Khối finally sẽ được chạy bất kể kết quả của khối try catch đang bị lỗi.
Dưới đây là các ví dụ, minh họa cho Lỗi JavaScript Throw and Try to Catch:
Ví dụ 1:
<!-- // https://vpsus.vn/ // https://www.facebook.com/groups/893052378563701 // https://twitter.com/thegioijs --> <script type="text/javascript" charset="utf-8"> try { dadalert("Welcome Follow vpsus!"); } catch(err) { console.log(err); } </script>
Đầu ra: Trong đoạn code trên, chúng tôi sử dụng ‘dadalert’ không phải là từ khóa dành riêng và không được xác định do đó chúng ta gặp lỗi.
![](https://vpsus.vn/wp-content/uploads/2023/07/tgjserror_catch_js-1024x149-1.png)
Ví dụ 2:
<!-- // https://vpsus.vn/ // https://www.facebook.com/groups/893052378563701 // https://twitter.com/thegioijs --> <script> function wkcFunc() { let a = 10; try { console.log("Value of variable a is : " + a ); } catch ( e ) { console.log("Error: " + e.description ); } } wkcFunc(); </script>
Đầu ra: Trong đoạn code trên, khối catch của chúng ta sẽ không chạy vì không có lỗi trong đoạn code trên và do đó chúng ta nhận được kết quả đầu ra ‘Giá trị của biến a là: 10’.
![](https://vpsus.vn/wp-content/uploads/2023/07/tgjstrycatchjs-1024x198-1.png)
1.Try and Catch Block:
Câu lệnh try cho phép bạn kiểm tra xem một khối code cụ thể có lỗi hay không. Câu lệnh catch cho phép bạn hiển thị lỗi nếu có bất kỳ lỗi nào được tìm thấy trong khối thử.
<!-- // https://vpsus.vn/ // https://www.facebook.com/groups/893052378563701 // https://twitter.com/thegioijs --> try { Try Block to check for errors. } catch(err) { Catch Block to display errors. }
Ví dụ: Trong ví dụ này, chúng ta sẽ thấy cách sử dụng khối try-catch trong javascript.
<!-- // https://vpsus.vn/ // https://www.facebook.com/groups/893052378563701 // https://twitter.com/thegioijs --> <script> try { dadalert("Welcome Follow vpsus!"); } catch(err) { console.log(err); } </script>
Đầu ra:
![](https://vpsus.vn/wp-content/uploads/2023/07/tgjserror_catch_js-1024x149-1.png)
2. Câu lệnh ném(Throws) trong Javascript.
Khi có bất kỳ lỗi nào xảy ra, JavaScript sẽ dừng và tạo thông báo lỗi. Câu lệnh ném cho phép bạn tạo lỗi tùy chỉnh của riêng mình. Về mặt kỹ thuật, bạn có thể ném ngoại lệ tùy chỉnh của mình (ném lỗi). Ngoại lệ có thể là Số JavaScript, Chuỗi, Boolean hoặc Đối tượng. Bằng cách sử dụng ném cùng với thử và bắt, bạn có thể dễ dàng kiểm soát luồng chương trình và tạo các thông báo lỗi tùy chỉnh.
Ví dụ: Trong ví dụ này, chúng ta sẽ xem cách sử dụng câu lệnh ném để ném lỗi trong javascript.
<!-- // https://vpsus.vn/ // https://www.facebook.com/groups/893052378563701 // https://twitter.com/thegioijs --> <script> try { throw new Error('Yeah... Sorry'); } catch(e) { console.log(e); } </script>
Đầu ra:
![](https://vpsus.vn/wp-content/uploads/2023/07/tgjserror_catch_js-1024x149-1.png)
3.Khối lệnh finally
Câu lệnh cuối cùng chạy vô điều kiện sau khi thực hiện khối thử/bắt. Cú pháp của nó là
<!-- // https://vpsus.vn/ // https://www.facebook.com/groups/893052378563701 // https://twitter.com/thegioijs --> try { Try Block to check for errors. } catch(err) { Catch Block to display errors. } finally { Finally Block executes regardless of the try / catch result. }
Ví dụ: Trong ví dụ này, chúng ta sẽ tìm hiểu về câu lệnh cuối cùng của Javascript.
<!-- // https://vpsus.vn/ // https://www.facebook.com/groups/893052378563701 // https://twitter.com/thegioijs --> <script> try { console.log( 'try' ); } catch (e) { console.log( 'catch' ); } finally { console.log( 'finally' ); } </script>
Đầu ra: Khối cuối cùng cũng có thể ghi đè thông báo của khối bắt, vì vậy hãy cẩn thận khi sử dụng nó.
try finally
Trên đây là tất cả những gì về Errors Throw and Try to Catch trong javascript mà bạn cần biết. Nếu bạn có bất kỳ câu hỏi liên quan tới Errors Throw and Try to Catch, hãy chủ động liên hệ và inbox cho chúng tôi, để giúp đỡ bạn sớm nhất
Tiếp theo, hãy cùng Thế giới JS tìm hiểu thêm các kiến thức về Javascript trong các bài tiếp theo trong series học miễn phí Javascript từ cơ bản tới nâng cao.
Nếu bạn cảm thấy hữu ích và yêu thích Thế giới JS, hãy tham gia và theo dõi chúng tôi để nhận thêm nhiều kiến thức MIỄN PHÍ hơn nữa nhé:
Share to learn more than!