Node 的 require 与 ES6 的 import/export 之间的区别

---

在使用JavaScript，尤其是在Node.js或现代JavaScript环境中时，您经常会遇到两种流行的模块系统：使用来自CommonJS的require以及ES6引入的import和export关键字。它们都用于模块化代码，但使用方法和用途有所不同。现在让我们更详细地讨论这些差异。

什么是 Node.js 的 require？

**require**是CommonJS（Node.js的默认模块系统）中的模块加载机制。它允许您将模块、JSON文件或本地文件包含到您的应用程序中。

require示例

const fs = require('fs');
const myModule = require('./myModule');

• **同步加载：**这是模块的一个特性，它们是同步加载的，这意味着程序会在加载模块后才会执行下一行代码。
• **文件扩展名灵活性：**在require .js文件时，您可以省略文件扩展名，因为Node会自动在末尾添加.js。
• **动态加载：**这意味着所有模块都可以在运行时有条件地加载，以便系统只加载那些仍然相关且有用的部分。

优点

• Node.js开箱即用，一切都很顺利。
• 自由灵活，几乎在任何地方都受支持。

缺点

• 同步加载，在某些情况下可能不太合适。
• 在浏览器中不能独立工作，尤其是在没有Browserify等工具的浏览器中。

什么是 ES6 的 import 和 export？

ES6模块是进行模块化JavaScript的标准方法。与CommonJS相比，它们具有简洁的语法和更多功能。

import/export示例

模块：myModule.js

export const greet = () => {
  console.log('Hello, world!');
};

export default function () {
  console.log('Default export function');
}

主文件

import greetFunction, { greet } from './myModule.js';

greet(); // Hello, world!
greetFunction(); // Default export function

• **异步加载：**ES6模块是异步加载的，这使得它们更适合异步加载。
• **静态结构：**就import/export而言，它是静态分析的，因此可以更容易预测。
• **命名导出和默认导出：**它支持多个命名导出，并且只支持一个默认导出。

优点

• 与最新版本的浏览器兼容，并提供tree-shaking作为其优势之一。
• 消除了混乱和重复的代码，并增强了代码构建词汇或声明语句。

缺点

• 需要像Babel这样的转译器或Node.js对旧版本的支持。
• 除非在package.json中指定type: "module"，否则Node.js中的ES6模块需要.mjs扩展名。

主要区别

下表重点突出了Node.js require和ES6 import、export之间的主要区别：

何时使用哪个？

使用 Node.js require

• 在编写 Node.js 代码时，尤其是在处理 Node.js 中的旧代码时。
• 如果某些模块必须在运行时之后加载。

使用 ES6 import/export

• 构建现代 JavaScript 应用程序时。
• 对于需要浏览器兼容性和tree-shaking的项目。

从 require 迁移到 import/export

1. 不要使用 module.exports，而应使用 export default 或 export {}。
2. 将 require() 语句替换为 import 语句。
3. 确保您的项目已配置为 ES6 模块（在 package.json 中使用 type: "module"）。

示例

// Old CommonJS
const math = require('./math');
math.add(2, 3);

// New ES6 Module
import { add } from './math.js';
add(2, 3);

结论

它们都可以有效地处理依赖项并将系统分解成模块，并且它们都是 Go 内置的。尽管 require 是 Node.js 中使用的较旧标准，但它已被 import/export 语句取代，后者在语法、性能和浏览器支持方面都更好。

因此，通过比较这些差异，您可以判断两者中哪一个更适合您的项目需求。