Проверьте, является ли переменная jQuery при импорте с помощью веб-пакета

Question

Довольно просто проверить, имеет ли ваша переменная тип jQuery, когда вы просто используете тег script для загрузки jQuery из CDN, но я ищу простой способ сделать это, когда вы используете 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 и веб-пакет для импорта 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

$myElement isntanceof $ возвращает true также при загрузке jQuery через Webpack.