`require`与`import`的区别主要体现在以下几个方面:
1.加载时间不同。`require`是在运行时加载模块,这意味着模块的加载和执行可以在代码的任何地方进行,也可以在运行时根据条件动态地加载不同的模块;`import`是在编译时加载模块,这意味着模块的引用必须在代码的顶部,且在模块被解析和执行之前就已经确定,不支持动态导入。
2.规范不同。`require`是CommonJS规范,主要用于Node.js环境;`import`是ES6(ECMAScript 2015)及以后版本的标准,主要用于浏览器和现代JavaScript环境。
3.引用方式不同。`import`是静态引用,需要在模块的顶部引用,且不能在代码中动态引用;`require`可以在代码的任何地方引用,并且可以根据条件动态引用。
4.导出与导入的内容不同。`import`只能导入模块中通过`export`关键字明确导出的成员,如变量、函数、类等;`require`可以引用模块中的任意一个成员,包括通过`module.exports`导出的内容。
5.缓存机制不同。使用`import`导入的模块在内存中创建一个只读的引用,多次导入同一个模块不会重复执行该模块的代码;使用`require`导入的模块会被缓存起来,多次导入同一个模块会返回同一个导出对象,避免了重复执行模块代码的开销。
6.作用域与提升。由于`import`是编译时加载,所以其命令会被提升到整个模块的头部;`require`没有这样的提升效果