Sprawdź, czy obiekt jest obiektem jQuery

Czy istnieje szybki sposób sprawdzenia, czy obiekt jest obiektem jQuery czy rodzimym obiektem JavaScript?

przykład:

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

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

doStuff(o);
doStuff(e);

oczywiście powyższy kod działa, ale nie jest bezpieczny. Możesz potencjalnie dodać klawisz wyboru do oobiektu i uzyskać ten sam wynik. Czy istnieje lepszy sposób upewnienia się, że obiekt faktycznie jest obiektem jQuery?

Coś zgodnego z (typeof obj == 'jquery')

Możesz użyć instanceofoperatora:

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

Objaśnienie : jQueryfunkcja (aka $) jest zaimplementowana jako funkcja konstruktora . Funkcje konstruktora należy wywoływać z newprefiksem.

Kiedy dzwonisz $(foo), wewnętrznie jQuery tłumaczy to na new jQuery(foo)¹ . JavaScript przechodzi do inicjalizacjithis wewnątrz funkcji konstruktora, aby wskazać nowe wystąpienie jQuery, ustawiając jego właściwości na właściwości znalezione na jQuery.prototype(aka jQuery.fn). W ten sposób otrzymujesz newobiekt gdzie instanceof jQueryjest true.

¹ _{To jest właściwienew jQuery.prototype.init(foo) : logika konstruktora została przeniesiona do innej wywoływanej funkcji konstruktora init, ale koncepcja jest taka sama.}

Możesz także użyć właściwości .jquery, jak opisano tutaj: 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! ');
}

Sprawdź operator instanceof .

var isJqueryObject = obj instanceof jQuery

Najlepszym sposobem sprawdzenia wystąpienia obiektu jest operator instanceof lub metoda to ProtrotOf (), która sprawdza, czy prototyp obiektu znajduje się w łańcuchu prototypów innego obiektu.

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

Ale czasami może się nie powieść w przypadku wielu instancji jQuery w dokumencie. Jak wspomniał @Georgiy Ivankin:

jeśli $w mojej bieżącej przestrzeni nazw wskazuję jQuery2i mam obiekt z zewnętrznej przestrzeni nazw (gdzie $jest jQuery1), to nie mam sposobu, aby instanceofsprawdzić, czy ten obiekt jest jQueryobiektem

Jednym ze sposobów rozwiązania tego problemu jest aliasing obiektu jQuery w zamknięciu lub IIFE

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

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

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

Innym sposobem rozwiązania tego problemu jest zapytanie o jquerynieruchomość wobj

'jquery' in obj

Jeśli jednak spróbujesz przeprowadzić sprawdzanie z wartościami pierwotnymi, wygeneruje błąd, więc możesz zmodyfikować poprzednie sprawdzenie, upewniając objsię, żeObject

'jquery' in Object(obj)

Chociaż poprzedni sposób nie jest najbezpieczniejszy (możesz utworzyć 'jquery'właściwość w obiekcie), możemy poprawić sprawdzanie poprawności, pracując z obiema metodami:

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

Problem polega na tym, że każdy obiekt może zdefiniować właściwość jqueryjako własną, dlatego lepszym rozwiązaniem byłoby zapytanie w prototypie i upewnienie się, że obiekt nie jest nulllubundefined

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

Ze względu na przymus The ifstwierdzenie uczyni zwarcie poprzez ocenę &&operatora kiedy objto każdy z falsy wartości ( null, undefined, false, 0,"" ), a następnie przechodzi do wykonywania innych walidacji.

Wreszcie możemy napisać funkcję narzędzia:

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

Spójrzmy na: Operatory logiczne i prawda / fałsz

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

Istnieje jednak jeszcze jeden sposób sprawdzenia obiektu w jQuery.

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

Dałem przykład, aby zrozumieć rzeczy, link jsfiddle

Dla tych, którzy chcą wiedzieć, czy obiekt jest obiektem jQuery bez zainstalowanego jQuery, następujący fragment kodu powinien wykonać tę pracę:

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

Możesz sprawdzić, czy obiekt jest generowany przez JQuery za pomocą jquerywłaściwości:

myObject.jquery // 3.3.1

=> zwraca numer wersji JQuery, jeśli obiekt utworzony przez JQuery. => w przeciwnym razie zwracaundefined

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

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

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