多个文件 import 的相同模块里的对象

多个文件 import 的相同模块里的对象,是否永远都是同一个对象?

在store的index.js中

import vue from 'vue'

import Vuex from 'vuex'

并配置有关对象

然后再app.vue中配置vm

在不同的文件中 import一个vue对象,在任何情况下,所有的文件是否得到的都为同一个对象,也就是单例的?对vue的修改配置是否都在同一个上

在学习vue中,想到这个问题,因为没有es6,webpack等基础就直接学,有些疑惑,在网上搜索了一下

得到如下解答:

可以确定node和webpack实现的模块都是单例,

无论是NodeJS和Webpack,默认的资源Index都是文件的绝对路径。

所以只要绝对路径相同,文件就应该是只被加载一次,第二次加载就是从cache中获取

第一次加载的时候,会执行你的代码,并且获取该Module Export的内容。

然后,把获取到的内容直接放入Module Cache。

这样,在下次加载的时候,就不会再执行你的JS,而是直接返回Module Cache中的代码,而非再执行一遍你的代码。

因为不会再执行一遍,你得到的永远是同一个对象。

测试:在两个不同的Module里面require它。然后输出看看是不是同一个时间。

导入两者

moudule1

moudule2

输出:

结果:

相关推荐
少云清1 分钟前
【功能测试】6_Web端抓包 _Fiddler抓包工具的应用
前端·功能测试·fiddler
豐儀麟阁贵9 分钟前
8.5在方法中抛出异常
java·开发语言·前端·算法
zengyuhan50339 分钟前
Windows BLE 开发指南(Rust windows-rs)
前端·rust
醉方休42 分钟前
Webpack loader 的执行机制
前端·webpack·rust
前端老宋Running1 小时前
一次从“卡顿地狱”到“丝般顺滑”的 React 搜索优化实战
前端·react.js·掘金日报
隔壁的大叔1 小时前
如何自己构建一个Markdown增量渲染器
前端·javascript
用户4445543654261 小时前
Android的自定义View
前端
WILLF1 小时前
HTML iframe 标签
前端·javascript
枫,为落叶1 小时前
Axios使用教程(一)
前端
小章鱼学前端1 小时前
2025 年最新 Fabric.js 实战:一个完整可上线的图片选区标注组件(含全部源码).
前端·vue.js