Kiểm tra xem đối tượng có phải là đối tượng jQuery không

Có cách nào nhanh chóng để kiểm tra xem một đối tượng là đối tượng jQuery hay đối tượng JavaScript nguyên gốc không?

thí dụ:

var o = {};
var e = $('#element');

function doStuff(o) {
    if (o.selector) {
        console.log('object is jQuery');
    }
}

doStuff(o);
doStuff(e);

rõ ràng, đoạn mã trên hoạt động nhưng nó không an toàn. Bạn có khả năng có thể thêm khóa chọn vào ođối tượng và nhận được kết quả tương tự. Có cách nào tốt hơn để đảm bảo rằng đối tượng thực sự là một đối tượng jQuery không?

Một cái gì đó phù hợp với (typeof obj == 'jquery')

Bạn có thể sử dụng instanceoftoán tử:

if (obj instanceof jQuery){
    console.log('object is jQuery');
}

Giải thích : jQueryhàm (aka $) được thực hiện như một hàm xây dựng . Các hàm xây dựng sẽ được gọi với newtiền tố.

Khi bạn gọi $(foo), jQuery bên trong sẽ dịch cái này thành new jQuery(foo)¹ . JavaScript tiến hành khởi tạo thisbên trong hàm xây dựng để trỏ đến một phiên bản mới của jQuery, đặt các thuộc tính của nó thành các thuộc tính được tìm thấy trên jQuery.prototype(aka jQuery.fn). Vì vậy, bạn có được một newđối tượng mà instanceof jQuerylà true.

¹ _{Thật ra new jQuery.prototype.init(foo): logic của hàm tạo đã được giảm tải cho hàm xây dựng khác được gọi init, nhưng khái niệm này là như nhau.}

Bạn cũng có thể sử dụng thuộc tính .jquery như được mô tả ở đây: http://api.jquery.com/jquery-2/

var a = { what: "A regular JS object" },
b = $('body');

if ( a.jquery ) { // falsy, since it's undefined
    alert(' a is a jQuery object! ');    
}

if ( b.jquery ) { // truthy, since it's a string
    alert(' b is a jQuery object! ');
}

Kiểm tra toán tử instanceof .

var isJqueryObject = obj instanceof jQuery

Cách tốt nhất để kiểm tra thể hiện của một đối tượng là thông qua toán tử instanceof hoặc với phương thức isPrototypeOf () để kiểm tra xem nguyên mẫu của một đối tượng có nằm trong chuỗi nguyên mẫu của đối tượng khác hay không.

obj instanceof jQuery;
jQuery.prototype.isPrototypeOf(obj);

Nhưng đôi khi nó có thể thất bại trong trường hợp có nhiều phiên bản jQuery trên một tài liệu. Như @Georgiy Ivankin đã đề cập:

nếu tôi có $trong không gian tên hiện tại của tôi trỏ đến jQuery2và tôi có một đối tượng từ không gian tên bên ngoài ( $thì là jQuery1) thì tôi không có cách nào để sử dụng instanceofđể kiểm tra xem đối tượng đó có phải là một jQueryđối tượng không

Một cách để khắc phục vấn đề đó là bằng cách đặt bí danh cho đối tượng jQuery trong bao đóng hoặc IIFE

//aliases jQuery as $
(function($, undefined) {
    /*... your code */

    console.log(obj instanceof $);
    console.log($.prototype.isPrototypeOf(obj));

    /*... your code */
}(jQuery1));
//imports jQuery1

Một cách khác để khắc phục vấn đề đó là tìm hiểu jquerytài sảnobj

'jquery' in obj

Tuy nhiên, nếu bạn cố gắng thực hiện kiểm tra đó với các giá trị nguyên thủy, nó sẽ gây ra lỗi, vì vậy bạn có thể sửa đổi kiểm tra trước đó bằng cách đảm bảo objlà mộtObject

'jquery' in Object(obj)

Mặc dù cách trước đó không an toàn nhất (bạn có thể tạo thuộc 'jquery'tính trong một đối tượng), chúng tôi có thể cải thiện xác thực bằng cách làm việc với cả hai phương pháp:

if (obj instanceof jQuery || 'jquery' in Object(obj)) { }

Vấn đề ở đây là bất kỳ đối tượng nào cũng có thể định nghĩa một thuộc tính jquerylà của riêng mình, vì vậy cách tiếp cận tốt hơn sẽ là hỏi trong nguyên mẫu và đảm bảo rằng đối tượng đó không nullhoặcundefined

if (obj && (obj instanceof jQuery || obj.constructor.prototype.jquery)) { }

Do sự ép buộc , các iftuyên bố sẽ làm ngắn mạch bằng cách đánh giá các &&nhà điều hành khi objlà bất kỳ falsy giá trị ( null, undefined, false, 0, ""), và sau đó tiến hành để thực hiện việc kiểm chứng thực khác.

Cuối cùng chúng ta có thể viết một hàm tiện ích:

function isjQuery(obj) {
  return (obj && (obj instanceof jQuery || obj.constructor.prototype.jquery));
}

Chúng ta hãy xem: Toán tử logic và trung thực / giả

return el instanceof jQuery ? el.size() > 0 : (el && el.tagName);

Tuy nhiên, có một cách nữa để kiểm tra đối tượng trong jQuery.

jQuery.type(a); //this returns type of variable.

Tôi đã làm ví dụ để hiểu mọi thứ, liên kết jsfiddle

Đối với những người muốn biết liệu một đối tượng có phải là đối tượng jQuery mà không cài đặt jQuery hay không, đoạn mã sau sẽ thực hiện công việc:

function isJQuery(obj) {
  // Each jquery object has a "jquery" attribute that contains the version of the lib.
  return typeof obj === "object" && obj && obj["jquery"];
}

Bạn có thể kiểm tra xem đối tượng có được JQuery tạo ra với thuộc jquerytính không:

myObject.jquery // 3.3.1

=> trả về số lượng phiên bản JQuery nếu đối tượng do JQuery tạo ra. => nếu không, nó sẽ trả vềundefined

var elArray = [];
var elObjeto = {};

elArray.constructor == Array //TRUE
elArray.constructor == Object//TALSE

elObjeto.constructor == Array//FALSE
elObjeto.constructor == Object//TRUE