Vérifier si l'objet est un objet jQuery

Existe-t-il un moyen rapide de vérifier si un objet est un objet jQuery ou un objet JavaScript natif?

exemple:

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

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

doStuff(o);
doStuff(e);

évidemment, le code ci-dessus fonctionne mais ce n'est pas sûr. Vous pouvez potentiellement ajouter une touche de sélection à l' oobjet et obtenir le même résultat. Existe-t-il une meilleure façon de s'assurer que l'objet est bien un objet jQuery?

Quelque chose en ligne avec (typeof obj == 'jquery')

Vous pouvez utiliser l' instanceofopérateur:

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

Explication : la jQueryfonction (aka $) est implémentée en tant que fonction constructeur . Les fonctions constructeur doivent être appelées avec le newpréfixe.

Lorsque vous appelez $(foo), jQuery en interne traduit cela par new jQuery(foo)¹ . JavaScript procède à l'initialisation thisà l'intérieur de la fonction constructeur pour pointer vers une nouvelle instance de jQuery, en définissant ses propriétés sur celles trouvées sur jQuery.prototype(aka jQuery.fn). Ainsi, vous obtenez un newobjet où instanceof jQueryest true.

¹ _{C'est en fait new jQuery.prototype.init(foo): la logique constructeur a été déchargée vers une autre fonction constructeur appelée init, mais le concept est le même.}

Vous pouvez également utiliser la propriété .jquery comme décrit ici: 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! ');
}

Découvrez l' opérateur instanceof .

var isJqueryObject = obj instanceof jQuery

La meilleure façon de vérifier l'instance d'un objet est via l' opérateur instanceof ou avec la méthode isPrototypeOf () qui inspecte si le prototype d'un objet se trouve dans la chaîne de prototypes d'un autre objet.

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

Mais parfois, il peut échouer dans le cas de plusieurs instances jQuery sur un document. Comme l'a mentionné @Georgiy Ivankin:

si j'ai $dans mon espace de noms actuel pointant vers jQuery2et que j'ai un objet de l'espace de noms externe (où $est jQuery1) alors je n'ai aucun moyen d'utiliser instanceofpour vérifier si cet objet est un jQueryobjet

Une façon de résoudre ce problème consiste à aliaser l'objet jQuery dans une fermeture ou IIFE

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

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

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

Pour résoudre ce problème, vous pouvez également demander à la jquerypropriétéobj

'jquery' in obj

Cependant, si vous essayez d'effectuer cette vérification avec des valeurs primitives, cela générera une erreur, vous pouvez donc modifier la vérification précédente en vous assurant objd'être unObject

'jquery' in Object(obj)

Bien que la méthode précédente ne soit pas la plus sûre (vous pouvez créer la 'jquery'propriété dans un objet), nous pouvons améliorer la validation en travaillant avec les deux approches:

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

Le problème ici est que tout objet peut définir une propriété jquerycomme propre, donc une meilleure approche serait de demander dans le prototype, et de s'assurer que l'objet n'est pas nullouundefined

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

En raison de la contrainte , la ifdéclaration fera un court - circuit en évaluant l' &&opérateur lorsque objest l' un des falsy valeurs ( null, undefined, false, 0,"" ), et procède ensuite à effectuer les autres validations.

Enfin, nous pouvons écrire une fonction utilitaire:

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

Jetons un coup d'œil à: Opérateurs logiques et vérité / fausse

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

Cependant, il existe un autre moyen de vérifier l'objet dans jQuery.

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

J'ai fait exemple pour comprendre les choses, lien jsfiddle

Pour ceux qui veulent savoir si un objet est un objet jQuery sans avoir installé jQuery, l'extrait de code suivant devrait faire le travail:

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

Vous pouvez vérifier si l'objet est produit par JQuery avec la jquerypropriété:

myObject.jquery // 3.3.1

=> retourne le numéro de la version JQuery si l'objet produit par JQuery. => sinon, il retourneundefined

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

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

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