前端新手，想问问关于 import 命令执行的效率问题?

[kolibreathV]

之前没有写过前端，现在临时开始学习并且编码。简单学习了一下 Vue ，看了下项目代码和 vue.js 源码心中有些疑惑. 首先我先抛出一下我现在的理解，如果理解错误请大家指正下：

1. vue.js 是一个很大的立刻执行函数，最后 return Vue 的构造函数。在vue._init()函数中会将 Vue 函数放到 window 上，这样全局都可以使用
2. import 命令每次都会执行对应模块的代码

我看到在项目的很多地方都会 import Vue ，然后做Vue.use()等操作，那这样会不会因为 import 反复执行 vue.js?

[ivslyyy]

Singleton ？

[fason1995]

@mdn MDN 列举的形式是真的多

[Mexion]

你当规范设计者是傻子啊，这种问题难道没考虑过吗，如果有问题还需要你来提？只能说别太操心

[mxT52CRuqR6o5]

模块是单例的，这么说你明白吗

[n18255447846]

不会。打包工具会基于 ast 生成依赖树

[n18255447846]

@libasten devtools->Performance 里录制一段时间，看什么地方耗时

[iOCZ]

import 是静态编译，只会引入用到的东西。require 是动态加载，会做 cache 。

[kolibreathV]

@Mexion 😊

[AsuorZ]

对比下 require

[ipcjs]

建议丢掉 vue ，写 react

Vue3 这玩意写的我头痛🙃

[DOLLOR]

通常来说，同一个文件无论被 import 几次，里面的代码实际上只执行一次。
并且，所有地方 import 到的模块，都是同一个实例的引用。
这意味着，如果你 export 一个变量，然后修改它，其他所有模块都能看到这个变量的变化。

[7inFen]

import 语法浏览器不认，最后实际在浏览器环境运行的代码会被打包工具如 webpack 优化，前端的打包工具做了很多很多很多的工作。
另外 import 仅在编译时运行，require 是随代码动态运行的。