多个文件 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 小时前
封装fetch替换axios
前端
用户461169657281 小时前
网站 HTTPS 不稳定?证书排查指南
前端
n87652 小时前
Playwright Java WEB UI 自动化实现框架与逻辑
java·前端·ui
keyipatience2 小时前
TypeScript学习(1)
前端·javascript·学习·typescript·html·css3
xifangge20252 小时前
基于 JavaScript 实现 CNC 数控切削参数与螺纹公差纯前端核算引擎
开发语言·前端·javascript
wangruofeng3 小时前
2026 Web 技术选型指南,AI 时代如何选择适合项目的技术栈
前端·aigc·ai编程
honkun63 小时前
vue 表格组件 vxe-table 修改滚动条样式,修改滚动条样式,统一宽度、颜色与自动隐藏
前端·javascript·vue.js
爱勇宝3 小时前
研究数字孪生的这半年,做了个 Demo,也有了一些新想法
前端·程序员
不可能片场3 小时前
工程实践 一个缓存把选片从十分钟压到一分钟
前端·electron
前端小万3 小时前
探索副业五个月,最终以放弃告终
前端·后端·面试