Cách xác định xem đối tượng JavaScript gốc có thuộc tính/phương thức không?

Question

Tôi nghĩ đây sẽ là dễ dàng như:

if(typeof(Array.push) == 'undefined'){ 
    //not defined, prototype a version of the push method 
    // Firefox never gets here, but IE/Safari/Chrome/etc. do, even though 
    // the Array object has a push method! 
} 

Và nó hoạt động tốt trong Firefox, nhưng không phải trong IE, Chrome, Safari, Opera, họ trả lại tất cả các thuộc tính/phương pháp của mẹ đẻ Đối tượng mảng là 'không xác định' bằng cách sử dụng phép thử này.

Phương thức .hasOwnProperty (prop) chỉ hoạt động trên các phiên bản ... do đó nó không hoạt động, nhưng do dùng thử và lỗi, tôi nhận thấy rằng nó hoạt động.

//this works in Firefox/IE(6,7,8)/Chrome/Safari/Opera 
if(typeof(Array().push) == 'undefined'){ 
    //not defined, prototype a version of the push method 
} 

Có gì không ổn với việc sử dụng cú pháp này để xác định xem một tài sản/phương pháp tồn tại trên một Native Object/~ "Class JavaScript" ~, hoặc là có một cách tốt hơn để làm điều này?

Answer 1

Trước hết, typeof là toán tử, không phải là hàm, do đó bạn không cần dấu ngoặc đơn. Thứ hai, truy cập nguyên mẫu của đối tượng.

alert(typeof Array.prototype.push); 
alert(typeof Array.prototype.foo); 

Khi bạn thực hiện typeof Array.push bạn đang thử nghiệm nếu đối tượng mảng chính nó có một phương pháp đẩy, không nếu trường hợp của mảng có một phương pháp đẩy.

Answer 2

And it does work fine in Firefox

Đó chỉ là trùng hợp ngẫu nhiên! Bạn thường không thể mong đợi phương pháp của một nguyên mẫu cũng tồn tại trên hàm xây dựng.

if(typeof(Array().push) == 'undefined') 

Điều này gần như đúng, trừ khi bạn quên new, một mã nhận dạng JavaScript lâu năm. new Array().push hoặc [].push trong ngắn hạn, sẽ kiểm tra chính xác một phiên bản có phương pháp bạn muốn.

Answer 3

Cách thích hợp để kiểm tra xem một tài sản tồn tại:

if ('property' in objectVar) 

Answer 4

Các .hasOwnProperty có thể được truy cập trên proptotype của Array, nếu typeof là không đủ thành ngữ.

 

if (Array.prototype.hasOwnProperty('push')) { 
    // Native array has push property 
}