Controlla se l'oggetto è un oggetto jQuery

Esiste un modo rapido per verificare se un oggetto è un oggetto jQuery o un oggetto JavaScript nativo?

esempio:

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

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

doStuff(o);
doStuff(e);

ovviamente, il codice sopra funziona ma non è sicuro. Potresti potenzialmente aggiungere una chiave di selezione oall'oggetto e ottenere lo stesso risultato. Esiste un modo migliore per assicurarsi che l'oggetto sia effettivamente un oggetto jQuery?

Qualcosa in linea con (typeof obj == 'jquery')

Puoi usare l' instanceofoperatore:

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

Spiegazione : la jQueryfunzione (aka $) è implementata come funzione di costruzione . Le funzioni del costruttore devono essere richiamate con il newprefisso.

Quando chiami $(foo), internamente jQuery lo traduce in new jQuery(foo)¹ . JavaScript procede all'inizializzazione thisall'interno della funzione di costruzione per puntare a una nuova istanza di jQuery, impostando le sue proprietà su quelle trovate su jQuery.prototype(aka jQuery.fn). Così, si ottiene un newoggetto in cui instanceof jQueryè true.

¹ _{In realtà è new jQuery.prototype.init(foo): la logica del costruttore è stata scaricata su un'altra funzione del costruttore chiamata init, ma il concetto è lo stesso.}

È inoltre possibile utilizzare la proprietà .jquery come descritto qui: 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! ');
}

Dai un'occhiata all'istanza dell'operatore.

var isJqueryObject = obj instanceof jQuery

Il modo migliore per verificare l'istanza di un oggetto è tramite l' istanza dell'operatore o con il metodo isPrototypeOf () che controlla se il prototipo di un oggetto si trova nella catena di prototipi di un altro oggetto.

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

Ma a volte potrebbe fallire nel caso di più istanze jQuery su un documento. Come menzionato da @Georgiy Ivankin:

se ho $nel mio attuale spazio dei nomi che punta a jQuery2e ho un oggetto dallo spazio dei nomi esterno (dove si $trova jQuery1), allora non ho modo di usare instanceofper verificare se quell'oggetto è un jQueryoggetto

Un modo per ovviare a questo problema è alias dell'oggetto jQuery in una chiusura o IIFE

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

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

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

Un altro modo per ovviare a questo problema è informarsi sulla jqueryproprietàobj

'jquery' in obj

Tuttavia, se si tenta di eseguire tale controllo con valori primitivi, verrà generato un errore, quindi è possibile modificare il controllo precedente assicurandosi objdi essere unObject

'jquery' in Object(obj)

Sebbene il modo precedente non sia il più sicuro (puoi creare la 'jquery'proprietà in un oggetto), possiamo migliorare la validazione lavorando con entrambi gli approcci:

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

Il problema qui è che qualsiasi oggetto può definire una proprietà jquerycome propria, quindi un approccio migliore sarebbe chiedere nel prototipo e assicurarsi che l'oggetto non sia nulloundefined

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

A causa coercizione , la ifdichiarazione farà cortocircuito valutando l' &&operatore quando objè qualsiasi falsy valori ( null, undefined, false, 0, ""), e quindi procede ad eseguire le altre convalide.

Finalmente possiamo scrivere una funzione di utilità:

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

Diamo un'occhiata a: Operatori logici e verità / falsità

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

Tuttavia, esiste un altro modo per controllare l'oggetto in jQuery.

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

Ho fatto un esempio per capire le cose, jsfiddle link

Per coloro che vogliono sapere se un oggetto è un oggetto jQuery senza aver installato jQuery, il seguente frammento dovrebbe fare il lavoro:

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

Puoi verificare se l'oggetto è prodotto da JQuery con la jqueryproprietà:

myObject.jquery // 3.3.1

=> restituisce il numero della versione di JQuery se l'oggetto prodotto da JQuery. => altrimenti, ritornaundefined

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

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

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