Überprüfen Sie, ob das Objekt ein jQuery-Objekt ist

Gibt es eine schnelle Möglichkeit zu überprüfen, ob ein Objekt ein jQuery-Objekt oder ein natives JavaScript-Objekt ist?

Beispiel:

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

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

doStuff(o);
doStuff(e);

Natürlich funktioniert der obige Code, aber er ist nicht sicher. Sie können dem oObjekt möglicherweise einen Auswahlschlüssel hinzufügen und das gleiche Ergebnis erzielen. Gibt es eine bessere Möglichkeit, um sicherzustellen, dass das Objekt tatsächlich ein jQuery-Objekt ist?

Etwas im Einklang mit (typeof obj == 'jquery')

Sie können den instanceofOperator verwenden:

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

Erläuterung : Die jQueryFunktion (aka $) ist als Konstruktorfunktion implementiert . Konstruktorfunktionen sind mit dem newPräfix aufzurufen.

Wenn Sie anrufen $(foo), übersetzt jQuery dies intern in new jQuery(foo)¹ . JavaScript wird thisinnerhalb der Konstruktorfunktion initialisiert , um auf eine neue Instanz von zu verweisen, jQueryund setzt seine Eigenschaften auf die auf jQuery.prototype(aka jQuery.fn) gefundenen. So erhalten Sie ein newObjekt, wo instanceof jQueryist true.

¹ _{Es ist tatsächlich so new jQuery.prototype.init(foo): Die Konstruktorlogik wurde in eine andere Konstruktorfunktion mit dem Namen ausgelagert init, aber das Konzept ist dasselbe.}

Sie können die .jquery-Eigenschaft auch wie hier beschrieben verwenden: 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! ');
}

Überprüfen Sie die Instanz des Operators.

var isJqueryObject = obj instanceof jQuery

Der beste Weg , um die Instanz eines Objekts zu überprüfen ist , durch Instanceof Bediener oder mit dem Verfahren isPrototypeOf () , die , wenn der Prototyp eines Objekts prüft in einem anderen Prototypkette des Objekts.

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

Manchmal kann dies jedoch bei mehreren jQuery-Instanzen in einem Dokument fehlschlagen. Wie @Georgiy Ivankin erwähnte:

Wenn ich $in meinem aktuellen Namespace auf zeige jQuery2und ein Objekt aus dem äußeren Namespace (wo $ist jQuery1) habe, kann ich nicht instanceofüberprüfen, ob es sich bei diesem Objekt um ein jQueryObjekt handelt

Eine Möglichkeit, dieses Problem zu beheben, besteht darin, das jQuery-Objekt in einem Closure oder IIFE zu aliasen

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

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

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

Eine andere Möglichkeit, dieses Problem zu lösen, besteht darin, die jqueryImmobilie in zu erkundigenobj

'jquery' in obj

Wenn Sie jedoch versuchen, diese Prüfung mit primitiven Werten durchzuführen, wird ein Fehler ausgegeben, sodass Sie die vorherige Prüfung ändern können, indem Sie sicherstellen obj, dass es sich um eine handeltObject

'jquery' in Object(obj)

Obwohl der vorherige Weg nicht der sicherste ist (Sie können die 'jquery'Eigenschaft in einem Objekt erstellen ), können wir die Validierung verbessern, indem wir mit beiden Ansätzen arbeiten:

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

Das Problem hierbei ist, dass jedes Objekt eine Eigenschaft jqueryals eigene definieren kann. Ein besserer Ansatz wäre es, im Prototyp nachzufragen und sicherzustellen, dass das Objekt nicht nulloder istundefined

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

Durch Zwang , die ifwird Anweisung durch die Auswertung der Kurzschluss machen &&Bediener , wenn objeine der ist falsy Werte ( null, undefined, false, 0, ""), und dann geht die anderen Validierungen durchzuführen.

Endlich können wir eine Utility-Funktion schreiben:

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

Werfen wir einen Blick auf: Logische Operatoren und Wahrheit / Falschheit

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

Es gibt jedoch noch eine weitere Möglichkeit, das Objekt in jQuery zu überprüfen.

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

Ich habe ein Beispiel gemacht, um Dinge zu verstehen, jsfiddle link

Für diejenigen, die wissen möchten, ob ein Objekt ein jQuery-Objekt ist, ohne dass jQuery installiert ist, sollte das folgende Snippet die Arbeit erledigen:

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

Sie können mit der jqueryEigenschaft überprüfen, ob das Objekt von JQuery erstellt wurde :

myObject.jquery // 3.3.1

=> Gibt die Nummer der JQuery-Version zurück, wenn das Objekt von JQuery erstellt wurde. => Andernfalls wird zurückgegebenundefined

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

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

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