`require`与`import`的区别

`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`没有这样的提升效果