在项目中导入文件时使用 import 和 require 的区别
在JavaScript中，模块化是一种将代码封装成可重用单元的编程方式，它允许开发者导入和使用其他模块中的功能。import和require是两种常用的模块导入方式，它们在语法和功能上有一些关键的区别。
1.import的特点
import是ES6引入的新特性，它提供了一种声明式的语法来导入模块。使用import时，可以选择性地导入模块中的特定部分，例如函数或变量。import语句在模块的顶层执行，并且创建了一个模块内部的局部作用域。这意味着使用import导入的变量不会被提升，且只在模块内部可见。import语句是静态执行的，这意味着它们在编译阶段就已经确定了所导入的模块，从而能够在运行时快速加载这些模块。
2.require的特点
require是Node.js中的特性，它使用一个函数来加载和导入模块。require可以导入CommonJS模块、AMD模块、UMD模块以及Node.js内置模块等多种类型的模块。与import不同，require函数是动态执行的，这意味着它在运行时执行，并且不会在模块内部创建一个局部作用域。因此，使用require导入的变量可以被提升。require允许使用变量或表达式作为模块路径，从而动态地确定所需的模块。
3.主要区别
语法和执行时机：import是ES6的语法，提供静态加载，编译时就能确定模块的依赖关系；而require是CommonJS规范的语法，提供动态加载，运行时才确定依赖关系。
模块类型：import主要用于导入ES6模块，而require可以导入多种类型的模块。
变量提升：import导入的变量不会被提升，而require导入的变量可以被提升。
模块作用域：使用import导入模块时，不同文件导入同一个模块实际上是共享了同一个模块实例，而使用require导入模块时，每次导入都会创建一个新的模块实例。
导出方式：import支持命名导出和默认导出，而require主要使用module.exports进行默认导出。
4.使用场景
import：适用于现代浏览器和编译时优化的场景，可以提高代码的组织和性能。
require：适用于服务器端Node.js环境，可以同步加载模块，适合服务器本地硬盘中的模块加载。
开发者在选择使用import还是require时，需要考虑目标环境和模块类型。例如，如果开发的是一个前端应用，并且使用了构建工具如Webpack或Babel，那么import可能是更好的选择。如果是在Node.js环境中开发，那么require可能更适合。
总的来说，import和require各有优势，它们在不同的环境和场景下发挥着重要的作用。开发者应根据具体需求和环境选择合适的模块导入方式。
如果你想知道：CommonJS与ES6模块的区别(点击这里)