Làm cách nào để đặt thử và bắt trong JavaScript?

Bản tóm tắt. trong hướng dẫn này, bạn sẽ học cách sử dụng câu lệnh JavaScript

Uncaught TypeError: add is not a function

Code language: JavaScript (javascript)
4 để xử lý các ngoại lệ

Giới thiệu về câu lệnh try…catch trong JavaScript

Ví dụ sau cố gắng gọi hàm

Uncaught TypeError: add is not a function

Code language: JavaScript (javascript)
5 không tồn tại

let result = add(10, 20); console.log(result); console.log('Bye');

Code language: JavaScript (javascript)

Và công cụ JavaScript đưa ra lỗi sau

Uncaught TypeError: add is not a function

Code language: JavaScript (javascript)

Thông báo lỗi cho biết rằng

Uncaught TypeError: add is not a function

Code language: JavaScript (javascript)
6 không phải là một chức năng và loại lỗi là

Uncaught TypeError: add is not a function

Code language: JavaScript (javascript)
7

Khi công cụ JavaScript gặp lỗi, nó sẽ đưa ra lỗi đó và ngay lập tức chấm dứt việc thực thi toàn bộ tập lệnh. Trong ví dụ trên, việc thực thi mã dừng ở dòng đầu tiên

Đôi khi, bạn muốn xử lý lỗi và tiếp tục thực hiện. Để làm được điều đó, bạn sử dụng câu lệnh

Uncaught TypeError: add is not a function

Code language: JavaScript (javascript)
4 với cú pháp như sau

try { // code may cause error } catch(error){ // code to handle error }

Code language: JavaScript (javascript)

Trong cú pháp này

  • Đầu tiên, đặt mã có thể gây ra lỗi vào khối

    Uncaught TypeError: add is not a function

    Code language: JavaScript (javascript)
    9
  • Thứ hai, thực hiện logic để xử lý lỗi trong khối

    try { // code may cause error } catch(error){ // code to handle error }

    Code language: JavaScript (javascript)
    0

Nếu xảy ra lỗi trong khối

Uncaught TypeError: add is not a function

Code language: JavaScript (javascript)
9, công cụ JavaScript ngay lập tức thực thi mã trong khối

try { // code may cause error } catch(error){ // code to handle error }

Code language: JavaScript (javascript)
0. Ngoài ra, công cụ JavaScript cung cấp cho bạn một đối tượng lỗi chứa thông tin chi tiết về lỗi

Về cơ bản, đối tượng lỗi có ít nhất hai thuộc tính

  • try { // code may cause error } catch(error){ // code to handle error }

    Code language: JavaScript (javascript)
    3 chỉ định tên lỗi
  • try { // code may cause error } catch(error){ // code to handle error }

    Code language: JavaScript (javascript)
    4 giải thích lỗi một cách chi tiết

Nếu không có lỗi xảy ra trong khối

Uncaught TypeError: add is not a function

Code language: JavaScript (javascript)
9, công cụ JavaScript sẽ bỏ qua khối

try { // code may cause error } catch(error){ // code to handle error }

Code language: JavaScript (javascript)
0

Lưu ý rằng các trình duyệt web có thể thêm nhiều thuộc tính hơn vào đối tượng

try { // code may cause error } catch(error){ // code to handle error }

Code language: JavaScript (javascript)
7. Ví dụ: Firefox thêm các thuộc tính

try { // code may cause error } catch(error){ // code to handle error }

Code language: JavaScript (javascript)
8,

try { // code may cause error } catch(error){ // code to handle error }

Code language: JavaScript (javascript)
9 và

try { let result = add(10, 20); console.log(result); } catch (e) { console.log({ name: e.name, message: e.message }); } console.log('Bye');

Code language: JavaScript (javascript)
0 vào đối tượng

try { // code may cause error } catch(error){ // code to handle error }

Code language: JavaScript (javascript)
7

Đó là một cách thực hành tốt để chỉ đặt mã có thể gây ra ngoại lệ trong khối

Uncaught TypeError: add is not a function

Code language: JavaScript (javascript)
9

Lưu đồ sau đây minh họa cách thức hoạt động của câu lệnh

Uncaught TypeError: add is not a function

Code language: JavaScript (javascript)
4

Các ví dụ về câu lệnh try…catch JavaScript

Ví dụ sau sử dụng câu lệnh

Uncaught TypeError: add is not a function

Code language: JavaScript (javascript)
4 để xử lý lỗi

try { let result = add(10, 20); console.log(result); } catch (e) { console.log({ name: e.name, message: e.message }); } console.log('Bye');

Code language: JavaScript (javascript)

đầu ra

{name: 'TypeError', message: 'add is not a function'} Bye

Code language: CSS (css)

Trong ví dụ này, chúng ta gọi hàm

Uncaught TypeError: add is not a function

Code language: JavaScript (javascript)
5 và gán giá trị trả về cho biến

try { let result = add(10, 20); console.log(result); } catch (e) { console.log({ name: e.name, message: e.message }); } console.log('Bye');

Code language: JavaScript (javascript)
6. Bởi vì hàm

Uncaught TypeError: add is not a function

Code language: JavaScript (javascript)
5 không tồn tại, công cụ JavaScript bỏ qua câu lệnh xuất kết quả ra bảng điều khiển

console.log(result);

Code language: JavaScript (javascript)

Và nó ngay lập tức thực thi câu lệnh trong khối

try { // code may cause error } catch(error){ // code to handle error }

Code language: JavaScript (javascript)
0 xuất tên lỗi và thông báo

console.log({ name: e.name, message: e.message });

Code language: CSS (css)

Vì chúng tôi đã xử lý lỗi, công cụ JavaScript tiếp tục thực thi câu lệnh cuối cùng

console.log('Bye');

Code language: JavaScript (javascript)

Bỏ qua khối bắt

Ví dụ sau định nghĩa hàm

Uncaught TypeError: add is not a function

Code language: JavaScript (javascript)
5 trả về tổng của hai đối số

const add = (x, y) => x + y; try { let result = add(10, 20); console.log(result); } catch (e) { console.log({ name: e.name, message: e.message }); } console.log('Bye');

Code language: JavaScript (javascript)

đầu ra

30 Bye

Trong ví dụ này, không có lỗi xảy ra vì hàm

Uncaught TypeError: add is not a function

Code language: JavaScript (javascript)
5 tồn tại. Do đó, công cụ JavaScript bỏ qua khối

try { // code may cause error } catch(error){ // code to handle error }

Code language: JavaScript (javascript)
0

Mã định danh ngoại lệ

Khi một ngoại lệ xảy ra trong khối thử, biến ngoại lệ (e) trong khối bắt sẽ lưu trữ đối tượng ngoại lệ

Nếu bạn không muốn sử dụng biến ngoại lệ, bạn có thể bỏ qua nó như thế này

Uncaught TypeError: add is not a function

Code language: JavaScript (javascript)
0

Ví dụ: phần sau sử dụng câu lệnh try…catch mà không có biến ngoại lệ

Uncaught TypeError: add is not a function

Code language: JavaScript (javascript)
1

Làm thế nào nó hoạt động

Trước tiên, hãy xác định hàm

{name: 'TypeError', message: 'add is not a function'} Bye

Code language: CSS (css)
2 chấp nhận một chuỗi và trả về

{name: 'TypeError', message: 'add is not a function'} Bye

Code language: CSS (css)
3 nếu chuỗi đó là một JSON hợp lệ hoặc

{name: 'TypeError', message: 'add is not a function'} Bye

Code language: CSS (css)
4 nếu ngược lại

Để xác thực JSON, hàm

{name: 'TypeError', message: 'add is not a function'} Bye

Code language: CSS (css)
2 sử dụng phương thức

{name: 'TypeError', message: 'add is not a function'} Bye

Code language: CSS (css)
6 và câu lệnh

Uncaught TypeError: add is not a function

Code language: JavaScript (javascript)
4

JSON. phương thức parse() phân tích một chuỗi JSON và trả về một đối tượng. Nếu chuỗi đầu vào không phải là JSON hợp lệ, thì

{name: 'TypeError', message: 'add is not a function'} Bye

Code language: CSS (css)
6 sẽ đưa ra một ngoại lệ

Nếu không có ngoại lệ xảy ra, hàm trả về

{name: 'TypeError', message: 'add is not a function'} Bye

Code language: CSS (css)
3 trong khối

Uncaught TypeError: add is not a function

Code language: JavaScript (javascript)
9. Mặt khác, nó trả về

{name: 'TypeError', message: 'add is not a function'} Bye

Code language: CSS (css)
4 trong khối

try { // code may cause error } catch(error){ // code to handle error }

Code language: JavaScript (javascript)
0

Làm cách nào để sử dụng thử bắt và cuối cùng trong JavaScript?

Câu lệnh try xác định khối mã sẽ chạy (để thử). Câu lệnh catch xác định một khối mã để xử lý bất kỳ lỗi nào. Câu lệnh cuối cùng xác định một khối mã để chạy bất kể kết quả như thế nào . Câu lệnh ném xác định lỗi tùy chỉnh.

Bạn có thể sử dụng thử bắt JavaScript không?

Câu lệnh try-catch nên được sử dụng bất cứ khi nào bạn muốn ẩn lỗi với người dùng hoặc bất cứ lúc nào bạn muốn tạo lỗi tùy chỉnh vì lợi ích của người dùng. If you haven't figured it out yet, when you execute a try-catch statement, the browser's usual error handling mechanism will be disabled.

Ví dụ về khối thử và bắt trong JavaScript là gì?

khối bắt phải nằm bên trong hàm đó để bắt ngoại lệ bên trong hàm hẹn giờ. Ví dụ: setTimeout(function() { try { // lỗi trong mã } catch { console. log( "đã bắt gặp lỗi" );

Làm cách nào để viết khối bắt trong JavaScript?

catch{} câu lệnh. Khối này xử lý lỗi của mã bằng cách thực thi tập hợp các câu lệnh được viết trong khối. .
sự biểu lộ;
bắt (lỗi) {
sự biểu lộ;
Cuối cùng{
sự biểu lộ;