Có thể xác định xem một đối tượng được tạo với Object.create kế thừa từ Array trong JavaScript không?

Question

Xác định đối tượng nào là is complicated trong JavaScript và tìm ra đối tượng nào là mảng có thứ gì đó trong số hacky solution. May mắn thay, nó quản lý để làm việc trong cả hai trường hợp sau đây:

Object.prototype.toString.call([]);   // [object Array] 
Object.prototype.toString.call(new Array()); // [object Array] 

Tuyệt vời, không [object Object] trong tầm nhìn! Đáng buồn thay, phương pháp này vẫn quản lý để thất bại với điều này:

var arr = Object.create(Array.prototype); 
Object.prototype.toString.call(arr);   // [object Object] 

Điều này là bực bội, vì vậy hãy nói ít nhất. Đối tượng arr của tôi có tất cả các phương thức của một mảng, nó hoạt động như một mảng và cho tất cả các mục đích, nó là một mảng. Tuy nhiên, JavaScript không cung cấp các công cụ để xác định nó như vậy.

Có cách nào để tìm hiểu xem một đối tượng có được kế thừa từ một mẫu thử nghiệm cụ thể không? Tôi cho rằng bạn có thể lặp qua các nguyên mẫu như vậy:

function inherits(obj, proto) { 
    while (obj != null) { 
     if (obj == proto) return true; 
     obj = Object.getPrototypeOf(obj); 
    } 
    return false; 
} 

inherits(Object.create(Array.prototype), Array.prototype); // true 

Nhưng nó cảm thấy một chút tẻ nhạt. Có cách tiếp cận nào sạch hơn không?

Answer 1

Làm thế nào về một nhà điều hành instanceof? Nó trả true cho tất cả các trường hợp của bạn:

[] instanceof Array //true 
new Array() instanceof Array //true 
Object.create(Array.prototype) instanceof Array //true 

Tuy nhiên:

Object.create(Array.prototype) instanceof Object //also true 

Vì vậy, hãy cẩn thận.

Answer 2

ECMAScript 5 đã giới thiệu Array.isArray() vào javascript cung cấp một cách đáng tin cậy để kiểm tra. Đối với các trình duyệt cũ, chúng ta khắc phục điều đó bằng cách (trích dẫn từ book này)

function isArray(value) { 
    if (typeof Array.isArray === "function") { 
     return Array.isArray(value); 
    } else { 
     return Object.prototype.toString.call(value) === "[object Array]"; 
    } 
} 

Nhưng tôi vừa phát hiện ra được xây dựng trong chức năng Array.isArray không hoạt động đúng khi chúng ta sử dụng Object.create (thử nghiệm trong chrome). Tôi đã đưa ra một phương pháp mà làm việc:

function isArray(value) { 
    if (typeof value === "undefined" || value === null) { 
      return false; 
    } 
    do { 
      if (Object.prototype.toString.call(value) === "[object Array]") { 
       return true; 
      } 
      value= Object.getPrototypeOf(value); 
    } while (value); 

    return false; 
} 

Sử dụng nó:

var arr = Object.create(Array.prototype); 
var arr1 = Object.create(Object.create(Array.prototype)); 
var arr2 = new Array(); 
var arr3 = []; 
isArray(arr); 
isArray(arr1); 
isArray(arr2); 
isArray(arr3); 

Answer 3

Làm thế nào về việc kiểm tra các nhà xây dựng?

function inherits(obj, proto) { 
    return obj.constructor === proto.constructor; 
} 

inherits(Object.create(Array.prototype), Array.prototype); // true 

Answer 4

Xem http://perfectionkills.com/how-ecmascript-5-still-does-not-allow-to-subclass-an-array/ để giải thích dứt khoát các vấn đề trong kế thừa từ mảng.

Dù sao, trong trường hợp đơn giản nhất, nơi bạn đang làm

var sort_of_an_array = Object.create(Array.prototype); 

bạn có thể kiểm tra bằng isPrototypeOf:

Array.prototype.isPrototypeOf(sort_of_an_array) 

Xem https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/isPrototypeOf.

Answer 5

nó hoạt động như một mảng, và cho tất cả các mục đích, nó là một mảng

số Nó không có tính năng tự động cập nhật tài sản length. Xem this article lý do tại sao hoàn toàn không thể phân loại được Array.

Có cách nào để tìm hiểu xem một đối tượng có được kế thừa từ một mẫu thử nghiệm cụ thể không? Tôi cho rằng bạn có thể lặp lại thông qua các nguyên mẫu, nhưng nó cảm thấy một tad hack.

Đó chỉ là cách thực hiện. Cách tiếp cận rõ ràng hơn chức năng tự viết sẽ là sử dụng instanceof operator:

arr instanceof Array; // true