export const foo、export default foo 和 module.exports = foo 之间的区别

Java

导出模块的不同方式：export const foo、export default foo和module.exports = foo

在JavaScript中，我们经常需要将代码模块化以便于重用和维护。为了实现模块化，我们需要将某些代码从一个文件导出，然后在另一个文件中导入并使用这些代码。JavaScript提供了多种导出模块的方式，其中包括使用export const foo、export default foo和module.exports = foo等语法。

1. export const foo

使用export const foo语法可以导出一个常量foo。这种方式通常用于导出具有命名导出的多个变量、函数或类。导出的变量可以直接通过名称进行导入。

以下是一个示例代码：

// module.JS
export const foo = 'Hello';
export const bar = 'World';
// mAIn.JS
import { foo, bar } from './module.JS';
console.log(foo, bar); // 输出：Hello World

在示例代码中，我们在module.JS中导出了两个常量foo和bar，然后在mAIn.JS中通过解构赋值的方式将这两个常量导入并使用。

2. export default foo

使用export default foo语法可以导出一个默认值foo。这种方式通常用于导出一个模块的主要功能或类。导出的默认值可以在导入时省略名称，直接导入默认值。

以下是一个示例代码：

// module.JS
const foo = 'Hello';
export default foo;
// mAIn.JS
import myFoo from './module.JS';
console.log(myFoo); // 输出：Hello

在示例代码中，我们在module.JS中导出了一个默认值foo，然后在mAIn.JS中通过导入的方式将默认值赋给了myFoo变量，并使用该变量。

3. module.exports = foo

在CommonJS规范中，使用module.exports = foo语法可以导出一个值foo。这种方式通常用于导出一个单一的值，例如一个函数或对象。

以下是一个示例代码：

// module.JS
const foo = 'Hello';
module.exports = foo;
// mAIn.JS
const myFoo = require('./module.JS');
console.log(myFoo); // 输出：Hello

在示例代码中，我们在module.JS中使用module.exports将foo导出为一个值，然后在mAIn.JS中使用require语法将导出的值赋给myFoo变量，并使用该变量。

在JavaScript中，我们可以使用不同的语法来导出模块。export const foo用于导出多个具有命名导出的变量、函数或类，export default foo用于导出一个默认值，而module.exports = foo则用于导出一个值。选择使用哪种语法取决于具体的需求和项目的使用情况。