Sprawdź, czy obiekt jest obiektem jQuery.

Question

Czy istnieje szybki sposób sprawdzenia, czy obiekt jest obiektem jQuery lub natywnym 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żna potencjalnie dodać klucz selektora do obiektu o i uzyskać taki sam wynik. Czy istnieje lepszy sposób, aby upewnić się, że obiekt faktycznie jest obiektem jQuery?

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

Answer 1

Można użyć operatora instanceof:

obj instanceof jQuery 

Objaśnienie: funkcję jQuery (aka $) jest zaimplementowany jako constructor function. Funkcje konstruktora należy wywoływać z prefiksem new.

Po wywołaniu $(foo) wewnętrznie jQuery tłumaczy to na new jQuery(foo) . JavaScript kontynuuje inicjowanie funkcji this wewnątrz funkcji konstruktora w celu wskazania nowej instancji jQuery, ustawiając jej właściwości na te znalezione pod jQuery.prototype (aka jQuery.fn). W ten sposób otrzymasz obiekt new, gdzie instanceof jQuery jest true.

---

_{To rzeczywiście new jQuery.prototype.init(foo): logika konstruktor został wyładowywane do innej funkcji konstruktora, zwanym init, ale idea jest taka sama.}

Answer 2

Sprawdź operatora instanceof.

var isJqueryObject = obj instanceof jQuery 

Answer 3

Można również 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! '); 
} 

Answer 4

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

Answer 5

Najlepszym sposobem, aby sprawdzić instancję obiektu jest przez instanceof operatora lub metodą isPrototypeOf() który sprawdza, czy prototyp obiektu znajduje się w łańcuchu prototypów innego obiektu.

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

Ale czasami może zawieść w przypadku wielu instancji jQuery na dokumencie.Jak @Georgiy Ivankin wymienić:

jeśli mam $ w moim obecnym nazw wskazując jQuery2 i mam obiektu z zewnętrznej przestrzeni nazw (gdzie $ jest jQuery1) wtedy nie mam sposobu korzystania instanceof do sprawdzania, czy to obiekt jest jQuery obiektowi

Jednym ze sposobów przezwyciężenia tego problemu jest przez aliasing obiekt jQuery w closure lub IIFE

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

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

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

Inny sposobem na przezwyciężenie tego problemu jest dociekliwy właściwość jquery w obj

'jquery' in obj 

Jeśli jednak spróbować wykonać to sprawdzenie z wartościami prymitywnych, to wygeneruje błąd, tak możesz zmodyfikować poprzednie sprawdzanie, upewniając się, że obj ma być Object Chociaż poprzedni sposób nie jest najbezpieczniejszym (można utworzyć właściwość w obiekcie 'jquery'), możemy poprawić walidację poprzez współpracę z obu podejść:

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

Problemem jest to, że każdy obiekt może zdefiniować nieruchomość jquery jako własny, więc lepszym rozwiązaniem byłoby zapytać w prototypie, i upewnić się, że obiekt nie jest null lub undefined

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

związku z przymus, rachunek if będzie zwarciem oceny operatora && gdy obj oznacza jakiekolwiek falsy wartości (null, undefined, false, 0, ""), a następnie przechodzi do wykonywania drugiej zatwierdzenia.

Wreszcie możemy napisać funkcję użytkową:

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

---

Rzućmy okiem na: Logical Operators and truthy/falsy

Answer 6

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

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

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

Answer 7

Istnieje jednak jeszcze jeden sposób na sprawdzenie obiektu w jQuery.

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

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

Answer 8

Dla tych, którzy chcą wiedzieć, czy dany obiekt jest obiektem jQuery bez konieczności zainstalowane jQuery następujący fragment powinien wykonać 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"]; 
}