有没有一种快速检查对象是 jQuery 对象还是原生 JavaScript 对象的方法?
例子:
var o = {}; var e = $('#element'); function doStuff(o) { if (o.selector) { console.log('object is jQuery'); } } doStuff(o); doStuff(e);
显然,上面的代码有效,但并不安全。您可能会向o对象添加选择器键并获得相同的结果。有没有更好的方法来确保对象实际上是一个 jQuery 对象?
o
符合的东西(typeof obj == 'jquery')
(typeof obj == 'jquery')
您可以使用instanceof运算符:
instanceof
if (obj instanceof jQuery){ console.log('object is jQuery'); }
说明 :该jQuery函数(又名$)被实现为构造函数。构造函数将使用new前缀调用。
jQuery
$
new
当您调用 时$(foo),jQuery 在内部将其转换为new jQuery(foo)1。JavaScript 继续this在构造函数内部初始化以指向 的新实例jQuery,并将其属性设置为在jQuery.prototype(aka jQuery.fn) 上找到的属性。因此,你得到一个new对象 where instanceof jQueryis true。
$(foo)
new jQuery(foo)
this
jQuery.prototype
jQuery.fn
instanceof jQuery
true
1它实际上是new jQuery.prototype.init(foo):构造函数的逻辑已经被卸载到另一个名为的构造函数init,但概念是一样的。
new jQuery.prototype.init(foo)
init