全局范围变量的值与通过$（..）获得的值不同

Question

我导入的* .js文件顶部包含以下文件：

(($Dom) => {
     const cacheDom = () => {
        $Dom.window = $(window);
        $Dom.document = $(document);
        $Dom.html = $('html');
        $Dom.body = $('body');
        $Dom.site = $('html, body');

  };
  cacheDom();
})(globals.$Dom = globals.$Dom || {});

，然后我想听slick-carousel的事件init.slick。 如果我使用如下代码段：

globals.$Dom.document.on('init.slick', '.slider', () => {
//somecode
});

它不起作用。如果我使用该代码：

$(document).on('init.slick', '.slider', () => {
   // somecode
});

它工作正常。 $(document)和globals.$Dom.document的值似乎完全相同（指向相同的元素）。

我使用webpack的Provide插件可能有什么重要意义：

...    
plugins: [
      new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery",
        "window.jQuery": "jquery",
        "window.$": "jquery"
      }),
    ],
...