オブジェクトが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)^1に変換します。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、オブジェクトを

その問題を克服する1つの方法は、クロージャーまたはIIFEでjQueryオブジェクトに別名を付けることです。

//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でオブジェクトをチェックする方法がもう1つあります。

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