Cách ghi nhật ký $ ('h1') vào bảng điều khiển web dưới dạng một mảng trong jQuery?

Question

Nếu bạn làm console.log($('some selector')) trong trình duyệt, nó sẽ trả về những gì trông giống như một mảng (dòng đầu tiên):

Nhưng nhận thấy rằng nó không phải là một instanceof Array, nhưng nó thực sự the jQuery object.

Khi bạn thực hiện console.dir($('h1')), nó cho thấy nó thực sự là đối tượng jQuery.

Câu hỏi đặt ra là, làm thế nào để làm cho nó trông giống như đó là một mảng trong bảng điều khiển web? Tôi nhận thấy trong nguồn jQuery here họ thêm tham chiếu đến một vài phương pháp Array và Object, và here chúng thêm toArray (và slice và những thứ khác) vào đối tượng jQuery. Bảng điều khiển web có bằng cách nào đó kiểm tra các phương pháp này và nếu nó tìm thấy một phương thức (toArray, indexOf, slice, v.v.), nó có thể in nó dưới dạng một mảng không? Tôi muốn nhận hành vi này từ bất kỳ đối tượng tùy chỉnh nào, chẳng hạn như Ember.ArrayProxy. Hiện tại khi bạn đăng nhập Ember.ArrayProxy, nó hiển thị > Object hoặc bất cứ điều gì, nhưng nó sẽ là tốt đẹp để hiển thị nó như là một mảng.

Bất kỳ ý tưởng nào?

Answer 1

Bạn làm cho đối tượng của bạn kế thừa Array sử dụng nguyên mẫu, như vậy:

function SomeType() { 
    this.push(16); 
} 

SomeType.prototype = []; 
SomeType.prototype.constructor = SomeType; // Make sure there are no unexpected results 

console.log(new SomeType()); // Displays in console as [16] 

Và, tất nhiên, tất cả các đối tượng jQuery là trường hợp của jQuery chức năng/constructor, vì vậy đó là cách jQuery hiện nó. Như một phần thưởng, vì thừa kế, bạn nhận được tất cả các phương thức từ Array và lập chỉ mục đi kèm với nó!