itemprop="text">
Is there a fast way of checking if an
object is a jQuery object or a native JavaScript
object?
example:
var
o = {};
var e = $('#element');
function doStuff(o)
{
if (o.selector) {
console.log('object is jQuery');
}
}
doStuff(o);
doStuff(e);
obviously,
the code above works but it's not safe. You could potentially add a selector key to the
o object and get the same result. Is there a better way of
making sure that the object actually is a jQuery
object?
Something in line with
(typeof obj == 'jquery')
You can use the href="https://developer.mozilla.org/en/JavaScript/Reference/Operators/Special_Operators/Instanceof_Operator"
rel="noreferrer">instanceof
operator:
obj
instanceof
jQuery
Explanation:
the jQuery function (aka $) is
implemented as a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Guide/Working_with_Objects#Using_a_constructor_function"
rel="noreferrer">constructor function. Constructor functions are to be
called with the new
prefix.
When you call
$(foo), internally jQuery translates this to new
jQuery(foo)1. JavaScript proceeds to initialize
this inside the constructor function to point to a new instance
of jQuery, setting it's properties to those found on
jQuery.prototype (aka jQuery.fn).
Thus, you get a new object where instanceof
jQuery is
true.
/>
1It's actually
new jQuery.prototype.init(foo): the constructor logic has been
offloaded to another constructor function called init, but the
concept is the same.
No comments:
Post a Comment