Prüfen, ob das Objekt ein jQuery-Objekt ist

Question

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önnten möglicherweise einen Selektorschlüssel zu der o Objekt und erhalten das gleiche Ergebnis. Gibt es einen besseren Weg, um sicherzustellen, dass das Objekt tatsächlich ein jQuery-Objekt ist?

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

Answer 1

Sie können die instanceof Betreiber:

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

Erläuterung : die jQuery Funktion (auch bekannt als $ ) ist implementiert als ein Konstruktorfunktion . Konstruktorfunktionen sind mit der Anweisung new Vorwahl.

Wenn Sie anrufen $(foo) , intern übersetzt jQuery dies in new jQuery(foo) 1 . JavaScript fährt mit der Initialisierung fort this innerhalb der Konstruktorfunktion, um auf eine neue Instanz von jQuery und setzt seine Eigenschaften auf die Eigenschaften von jQuery.prototype (alias jQuery.fn ). Sie erhalten also eine new Objekt, bei dem instanceof jQuery es true .

---

1 _{Es ist eigentlich <code>new jQuery.prototype.init(foo)</code> : Die Konstruktorlogik wurde in eine andere Konstruktorfunktion namens <code>init</code> aber das Konzept ist dasselbe.}

Answer 2

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

Answer 3

Überprüfen Sie die instanceof Betreiber.

var isJqueryObject = obj instanceof jQuery

Answer 4

Der beste Weg, die Instanz eines Objekts zu überprüfen, ist durch instanceof Betreiber oder mit der Methode isPrototypeOf() die prüft, ob der Prototyp eines Objekts in der Prototypenkette eines anderen Objekts enthalten ist.

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

Aber manchmal kann es bei mehreren jQuery-Instanzen in einem Dokument fehlschlagen. Wie @Georgiy Ivankin erwähnte:

wenn ich $ in meinem aktuellen Namespace, die auf jQuery2 und ich habe ein Objekt aus dem äußeren Namespace (wo $ es jQuery1 ), dann habe ich keine Möglichkeit, die instanceof um zu prüfen, ob das Objekt ein jQuery Objekt

Eine Möglichkeit, dieses Problem zu überwinden, ist das Aliasing des jQuery-Objekts in einer Verschluss o IIFE

//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 überwinden, ist die Anfrage an die jquery Eigentum in obj

'jquery' in obj

Wenn Sie jedoch versuchen, diese Prüfung mit primitiven Werten durchzuführen, wird ein Fehler ausgelöst, so dass Sie die vorherige Prüfung ändern können, indem Sie sicherstellen, dass obj zu sein Object

'jquery' in Object(obj)

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

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

Das Problem dabei ist, dass jedes Objekt eine Eigenschaft definieren kann jquery als eigene, so dass ein besserer Ansatz wäre, im Prototyp zu fragen und sicherzustellen, dass das Objekt nicht null o undefined

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

Aufgrund von Nötigung El if Anweisung einen Kurzschluss durch Auswertung der && Betreiber, wenn obj ist eine der falsy Werte ( null , undefined , false , 0 , "" ), und führt dann die anderen Validierungen durch.

Schließlich können wir eine Nutzenfunktion schreiben:

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

---

Schauen wir uns das mal an: Logische Operatoren und wahr/falsch

Answer 5

Für diejenigen, die wissen wollen, ob ein Objekt ein jQuery-Objekt ist, ohne jQuery installiert zu haben, sollte das folgende Snippet die Arbeit erledigen:

function isJQuery(obj) {
  // All jQuery objects have an attribute that contains the jQuery version.
  return typeof obj === "object" && obj != null && obj.jquery != null;
}