使用 webpack 导入时检查变量是否为 jQuery

Question

当你只使用脚本标签从CDN加载jQuery时，测试你的变量是否是jQuery类型非常简单，但是当你使用npm和webpack导入jquery时，我正在寻找一种简单的方法来做到这一点。 我的示例导入是

import * as $ from 'jquery'
const $myElement = $('.my-element')
const isJQuery = ($element) => {
  return (
    typeof $element === 'object' &&
    $element.length &&
    $element[0] instanceof HTMLElement
  )
}
console.log(isJQuery($myElement)) // prints true

是否有更向前的方法可以检查$myElement是否包含有效元素？

当你使用 npm 和 webpack 导入 jQuery 时，没有变量 window.jQuery 或 window.$。

Answer 1

import * as $ from 'jquery';
const isJQuery = $element => $element instanceof $;
const $myElement = $('.my-element');
console.log(isJQuery($myElement)) // prints true

当通过 Webpack 加载 jQuery 时，$myElement isntanceof $也会返回true。