Проверьте, является ли объект объектом jQuery

Существует ли быстрый способ проверки, является ли объект объектом jQuery или собственным объектом JavaScript?

пример:

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

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

doStuff(o);
doStuff(e);

очевидно, приведенный выше код работает, но это не безопасно. Вы можете добавить селекторный ключ к oобъекту и получить тот же результат. Есть ли лучший способ убедиться, что объект на самом деле является объектом jQuery?

Что-то в соответствии с (typeof obj == 'jquery')

Вы можете использовать instanceofоператор:

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

Объяснение : jQueryфункция (aka $) реализована как функция-конструктор . Функции конструктора должны вызываться с newпрефиксом.

Когда вы звоните $(foo), внутренне jQuery переводит это в new jQuery(foo)¹ . JavaScript приступает к инициализации thisвнутри функции конструктора, чтобы указать на новый экземпляр класса jQuery, установив его свойства в соответствии с теми, которые находятся в jQuery.prototype(aka jQuery.fn). Таким образом, вы получаете newобъект, где instanceof jQueryнаходится true.

¹ _{Это на самом деле new jQuery.prototype.init(foo): логика конструктора была выгружена в другую вызываемую функцию конструктора init, но концепция та же самая.}

Вы также можете использовать свойство .jquery, как описано здесь: 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! ');
}

Проверьте оператор instanceof .

var isJqueryObject = obj instanceof jQuery

Лучший способ проверить экземпляр объекта - использовать оператор instanceof или метод isPrototypeOf (), который проверяет, находится ли прототип объекта в цепочке прототипов другого объекта.

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

Но иногда это может дать сбой в случае нескольких экземпляров jQuery в документе. Как отметил @ Георгий Иванкин:

если $в моем текущем пространстве имен указано, jQuery2и у меня есть объект из внешнего пространства имен (где $есть jQuery1), то у меня нет способа использовать instanceofдля проверки, является ли этот объект jQueryобъектом

Одним из способов решения этой проблемы является наложение псевдонима объекта jQuery в замыкании или IIFE.

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

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

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

Другой способ преодолеть эту проблему - запросить jqueryсвойство вobj

'jquery' in obj

Тем не менее, если вы попытаетесь выполнить эту проверку с примитивными значениями, он выдаст ошибку, так что вы можете изменить предыдущую проверку, обеспечивая , objчтобы бытьObject

'jquery' in Object(obj)

Хотя предыдущий способ не самый безопасный (вы можете создать 'jquery'свойство в объекте), мы можем улучшить проверку, работая с обоими подходами:

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

Проблема здесь состоит в том , что любой объект может определить свойство , jqueryкак самостоятельно, так лучше было бы спросить в прототипе, и убедитесь , что объект не является nullилиundefined

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

Из - за принуждения , то ifоператор будет сделать короткое замыкание путем оценки &&оператора , когда objлюбое из falsy значений ( null, undefined, false, 0,"" ), а затем переходит к выполнению других проверок.

Наконец, мы можем написать служебную функцию:

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

Давайте посмотрим на: логические операторы и правда / ложь

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

Однако есть еще один способ проверить объект в jQuery.

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

Я сделал пример, чтобы понять вещи, ссылка jsfiddle

Для тех, кто хочет знать, является ли объект объектом jQuery без установленного jQuery, следующий фрагмент должен выполнить эту работу:

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

Вы можете проверить, создан ли объект JQuery, с помощью jqueryсвойства:

myObject.jquery // 3.3.1

=> вернуть номер версии JQuery, если объект создан JQuery. => в противном случае возвращаетсяundefined

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

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

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