Lỗi Javascript
TypeError
6 xảy ra khi có nỗ lực gọi một hàm trên một giá trị hoặc đối tượng không thực sự là một hàmThông báo lỗi
TypeError: "x" is not a function
Loại lỗi
TypeError
Nguyên nhân gây ra TypeError. "x" không phải là một chức năng
Một
TypeError
6 trong Javascript thường xảy ra ở một trong các trường hợp sau- Một lỗi đánh máy trong một lệnh gọi hàm
- Thiếu thư viện tập lệnh
- Khi một chức năng được gọi trên một thuộc tính không thực sự là một chức năng
- Một
6 xảy ra khi một hàm được gọi trên một đối tượng không chứa hàm được gọiTypeError
- Khi gọi một hàm tích hợp mong đợi một đối số hàm gọi lại không tồn tại
- Khi hàm được gọi nằm trong phạm vi không thể truy cập được
LoạiLỗi. "x" không phải là một chức năng Ví dụ
1. đánh máy
Một kịch bản điển hình cho sự cố
TypeError
6 xảy ra là khi có lỗi đánh máy trong tên hàm được gọivar elem = document.getElementByID['ID'];
Chạy đoạn mã trên dẫn đến lỗi Javascript sau
TypeError: document.getElementByID is not a function
Tên hàm chính xác là
TypeError
3var elem = document.getElementById['ID'];
2. Đối tượng không chứa chức năng
Một nguyên nhân phổ biến khác của
TypeError
6 là khi một hàm được gọi là một đối tượng không thực sự chứa hàm đóvar foo = {
bar: function[] {
console.log["bar called"];
}
};
foo.baz[];
Trong ví dụ trên, đối tượng
TypeError
5 chứa hàm TypeError
6. Tuy nhiên, đoạn mã trên cố gắng gọi hàm TypeError
7, mà hàm TypeError
5 không chứa. Chạy đoạn mã trên dẫn đến TypeError
9 sauTypeError
2Nếu mã Javascript được sửa đổi để gọi đúng chức năng
TypeError
6TypeError
4Đầu ra chính xác được tạo ra
TypeError
5
Cách khắc phục Javascript TypeError. "x" không phải là một chức năng
Có thể sửa lỗi
TypeError
6 bằng cách sử dụng các gợi ý sau- Chú ý đến chi tiết trong mã và giảm thiểu lỗi chính tả
- Nhập các thư viện tập lệnh chính xác và có liên quan được sử dụng trong mã
- Đảm bảo thuộc tính được gọi của một đối tượng thực sự là một hàm
- Đảm bảo các đối tượng chứa chức năng được gọi để tránh
6TypeError
- Đảm bảo các chức năng được chuyển vào dưới dạng cuộc gọi lại tồn tại
- Đảm bảo các chức năng được gọi nằm trong phạm vi chính xác và có thể truy cập được
Theo dõi, phân tích và quản lý lỗi với Rollbar
Quản lý lỗi và ngoại lệ trong mã của bạn là một thách thức. Nó có thể làm cho việc triển khai mã sản xuất trở thành một trải nghiệm đáng sợ. Khả năng theo dõi, phân tích và quản lý lỗi trong thời gian thực có thể giúp bạn tiến hành một cách tự tin hơn. Rollbar tự động theo dõi và xử lý lỗi, giúp việc sửa lỗi Javascript trở nên dễ dàng hơn bao giờ hết. Đăng ký hôm nay
Ví dụ
Thực thi JavaScript khi nhấp vào nút
Nhấp vào đây
Tự mình thử »Thêm ví dụ bên dưới
Định nghĩa và cách sử dụng
Sự kiện
var elem = document.getElementByID['ID'];
3 xảy ra khi người dùng nhấp vào một phần tử HTMLcú pháp
Trong JavaScript, sử dụng phương thức addEventListener[]
vật. addEventListener["click", myScript];
Tự mình thử »chi tiết kỹ thuật
Bong bóng. CóCó thể hủy. Có Loại sự kiện. MouseEventSupportedThẻ HTML. Tất cả ngoại trừ. , ,
, , ,,,,Tự mình thử »
Một ví dụ khác về cách thay đổi màu của một phần tử
Nhấp vào tôi để thay đổi màu sắc của tôi
Tự mình thử »Nhấp để sao chép văn bản từ trường nhập liệu này sang trường nhập liệu khác
Sao chép văn bản
function myFunction[] {
tài liệu. getElementById["trường2"]. giá trị = tài liệu. getElementById["trường1"]. giá trị;
}
Cách gán sự kiện " title" cho đối tượng cửa sổ
cửa sổ. title = myFunction;
function myFunction[] {
tài liệu. getElementsByTagName["BODY"][0]. Phong cách. backgroundColor = "vàng";
}
Sử dụng title để tạo danh sách thả xuống
tài liệu. getElementById["myBtn"]. title = function[] {myFunction[]};
function myFunction[] {
tài liệu. getElementById["myDropdown"]. danh sách lớp học. chuyển đổi ["hiển thị"];
}
Hỗ trợ trình duyệt
var elem = document.getElementByID['ID'];
3 là một tính năng DOM Cấp 2 [2001]Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt
ChromeEdgeFirefoxSafariOperaIECóCóCóCóCó9-11