Periksa apakah objek adalah objek jQuery

Apakah ada cara cepat untuk memeriksa apakah suatu objek adalah objek jQuery atau objek JavaScript asli?

contoh:

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

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

doStuff(o);
doStuff(e);

jelas, kode di atas berfungsi tetapi tidak aman. Anda berpotensi menambahkan kunci pemilih ke oobjek dan mendapatkan hasil yang sama. Apakah ada cara yang lebih baik untuk memastikan bahwa objek tersebut sebenarnya adalah objek jQuery?

Sesuatu yang sejalan (typeof obj == 'jquery')

Anda dapat menggunakan instanceofoperator:

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

Penjelasan : jQueryfungsi (alias $) diimplementasikan sebagai fungsi konstruktor . Fungsi konstruktor harus dipanggil dengan newawalan.

Saat Anda menelepon $(foo), secara internal jQuery menerjemahkannya ke new jQuery(foo)¹ . JavaScript melanjutkan untuk menginisialisasi thisdi dalam fungsi konstruktor untuk menunjuk ke instance baru jQuery, mengatur properti itu ke yang ditemukan di jQuery.prototype(alias jQuery.fn). Dengan demikian, Anda mendapatkan newobjek di mana instanceof jQueryadalah true.

¹ _{Sebenarnya new jQuery.prototype.init(foo): logika konstruktor telah diturunkan ke fungsi konstruktor lain yang disebut init, tetapi konsepnya sama.}

Anda juga dapat menggunakan properti .jquery seperti dijelaskan di sini: 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! ');
}

Lihat instance operator.

var isJqueryObject = obj instanceof jQuery

Cara terbaik untuk memeriksa instance objek adalah melalui instanceof operator atau dengan metode isPrototypeOf () yang memeriksa apakah prototipe objek berada dalam rantai prototipe objek lain.

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

Tetapi kadang-kadang mungkin gagal dalam kasus beberapa contoh jQuery pada dokumen. Seperti yang disebutkan @Georgiy Ivankin:

jika saya memiliki $di saya saat namespace menunjuk ke jQuery2dan saya memiliki objek dari namespace luar (di mana $adalah jQuery1) maka saya tidak punya cara untuk menggunakan instanceofuntuk memeriksa apakah benda adalah jQueryobjek

Salah satu cara untuk mengatasi masalah itu adalah dengan aliasing objek jQuery dalam penutupan atau IIFE

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

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

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

Cara lain untuk mengatasi masalah itu adalah dengan menanyakan jqueryproperti diobj

'jquery' in obj

Namun, jika Anda mencoba melakukan pengecekan dengan nilai-nilai primitif, itu akan menimbulkan kesalahan, sehingga Anda dapat memodifikasi pemeriksaan sebelumnya dengan memastikan objmenjadiObject

'jquery' in Object(obj)

Meskipun cara sebelumnya bukan yang paling aman (Anda dapat membuat 'jquery'properti di objek), kami dapat meningkatkan validasi dengan bekerja dengan kedua pendekatan:

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

Masalahnya di sini adalah bahwa objek apa pun dapat mendefinisikan properti jquerysebagai miliknya, jadi pendekatan yang lebih baik adalah dengan bertanya dalam prototipe, dan memastikan bahwa objek tersebut tidak nullatauundefined

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

Karena paksaan , yang ifpernyataan akan membuat hubungan pendek dengan mengevaluasi &&operator saat objini salah satu falsy nilai ( null, undefined, false, 0, ""), dan kemudian mulai melakukan validasi lainnya.

Akhirnya kita dapat menulis fungsi utilitas:

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

Mari kita lihat: Operator Logika dan kebenaran / kepalsuan

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

Namun, ada satu lagi cara untuk memeriksa objek di jQuery.

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

Saya telah membuat contoh untuk memahami hal-hal, tautan jsfiddle

Bagi mereka yang ingin tahu apakah suatu objek adalah objek jQuery tanpa menginstal jQuery, cuplikan berikut harus melakukan pekerjaan:

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

Anda dapat memeriksa apakah objek tersebut diproduksi oleh JQuery dengan jqueryproperti:

myObject.jquery // 3.3.1

=> mengembalikan nomor versi JQuery jika objek yang dihasilkan oleh JQuery. => sebaliknya, ia kembaliundefined

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

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

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