Перевірте, чи об'єкт є об'єктом 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функція (ака $) реалізована як конструкторська функція . Функції конструктора слід викликати з newпрефіксом.

Коли ви телефонуєте $(foo), jQuery внутрішньо переводить це на new jQuery(foo)¹ . JavaScript переходить до ініціалізації thisвсередині функції конструктора, щоб вказати на новий екземпляр jQuery, встановивши його властивості тим, які знайдені у jQuery.prototype(ака 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 документа. Як згадував @Georgiy Ivankin:

якщо я маю $в моєму поточному просторі імен вказівку 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));
}

Давайте подивимось на: Логічні оператори та truthy / фальшивість

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