Nesnenin bir jQuery nesnesi olup olmadığını kontrol edin

Bir nesnenin bir jQuery nesnesi mi yoksa yerel bir JavaScript nesnesi mi olduğunu kontrol etmenin hızlı bir yolu var mı?

misal:

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

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

doStuff(o);
doStuff(e);

Açıkçası, yukarıdaki kod çalışıyor ama güvenli değil. oNesneye potansiyel olarak bir seçici anahtar ekleyebilir ve aynı sonucu alabilirsiniz. Nesnenin bir jQuery nesnesi olduğundan emin olmanın daha iyi bir yolu var mı?

Doğrultusunda bir şey (typeof obj == 'jquery')

instanceofOperatörü kullanabilirsiniz :

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

Açıklama : jQuery(aka $) işlevi yapıcı işlevi olarak uygulanır . Yapıcı işlevleri newönek ile çağrılmalıdır .

Aradığınızda $(foo), dahili olarak jQuery bunu new jQuery(foo)^1'e çevirir . JavaScript , özelliklerini (aka ) üzerinde bulunanlara ayarlayarak thisyeni bir örneğini göstermek için yapıcı işlevi içinde başlatmaya devam eder . Böylece, bir olsun nesneyi olduğunu .jQueryjQuery.prototypejQuery.fnnewinstanceof jQuerytrue

¹ _{Aslında new jQuery.prototype.init(foo): kurucu mantığı, adı verilen başka bir kurucu işlevine indirilmiştir init, ancak kavram aynıdır.}

.Jquery özelliğini burada açıklandığı şekilde de kullanabilirsiniz: 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! ');
}

Operatörün örneğini kontrol edin .

var isJqueryObject = obj instanceof jQuery

Bir nesnenin örneğini kontrol etmenin en iyi yolu, instanceof operatörü veya bir nesnenin prototipinin başka bir nesnenin prototip zincirinde olup olmadığını kontrol eden isPrototypeOf () yöntemidir .

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

Ancak bazen bir belgedeki birden fazla jQuery örneği durumunda başarısız olabilir. @Georgiy Ivankin'in belirttiği gibi:

Ben varsa $benim şimdiki ad işaret eden jQuery2ve dış ad (burada bir nesne var $ise jQuery1) o zaman kullanmak yolu yoktur instanceofbu nesne bir olup olmadığını kontrol için jQuerynesne

Bu sorunun üstesinden gelmenin bir yolu jQuery nesnesini bir kapatma veya IIFE

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

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

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

Bu sorunun üstesinden gelmenin diğer bir yolu, jquerymülkünobj

'jquery' in obj

Ancak, bu denetimi ilkel değerlerle gerçekleştirmeye çalışırsanız, bir hata atar, böylece önceki denetimi değiştirerek objbirObject

'jquery' in Object(obj)

Önceki yol en güvenli olmasa da ( 'jquery'özelliği bir nesnede oluşturabilirsiniz), her iki yaklaşımla da çalışarak doğrulamayı geliştirebiliriz:

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

Buradaki sorun, herhangi bir nesne bir özellik tanımlamak olmasıdır jquerydaha iyi bir yaklaşım prototip sormak olacağını, böylece kendi gibi ve nesne olmadığından emin nullyaundefined

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

Nedeniyle zorlama , ifdeyim değerlendirerek kısa devre yapacak &&zaman operatörü objherhangi biridir falsy değerler ( null, undefined, false, 0, "") ve sonra diğer doğrulamaları gerçekleştirmek için ilerler.

Son olarak bir yardımcı program yazabiliriz:

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

Şuna bir bakalım: Mantıksal Operatörler ve doğruluk / sahtelik

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

Ancak, nesneyi jQuery'de kontrol etmenin bir yolu daha vardır.

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

Ben şeyler anlamak için örnek yaptım, jsfiddle link

Bir nesnenin jQuery yüklü olmadan bir jQuery nesnesi olup olmadığını bilmek isteyenler için, aşağıdaki snippet'in işi yapması gerekir:

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

Nesnenin JQuery tarafından jqueryözellik ile üretilip üretilmediğini kontrol edebilirsiniz :

myObject.jquery // 3.3.1

=> JQuery tarafından üretilen nesne JQuery sürüm numarasını döndürür. => aksi takdirde geri dönerundefined

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

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

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