JavaScript中的export、export default、exports和module.exports（export、export default、exports使用详细）

在JavaScript中，模块化是一项重要的特性，它允许开发者将代码分割成不同的文件，使得代码更易于管理和复用。为了实现模块化，JavaScript提供了几种不同的导出与导入方式，包括export、export default、exports和module.exports。下面将对这几种方式进行详细的介绍，并给出代码示例。

1. export和export default

这两种方式主要用于ES6模块（ECMAScript 2015模块）。

• export

export用于导出多个值，允许在一个模块中导出多个变量、函数或类。使用这种方式导出的值在导入时需要使用大括号进行解构。

// math.js
export const PI = 3.14;
export function add(x, y) {
  return x + y;
}

在另一个文件中，我们可以这样导入这些值：

// app.js
import { PI, add } from './math';

console.log(PI); // 3.14
console.log(add(2, 3)); // 5

• export default

export default用于导出一个默认值，不同于export，一个模块只能有一个export default。导入时不需要使用大括号。

// myFunction.js
export default function greet(name) {
  return `Hello, ${name}!`;
}

导入方式如下：

// app.js
import greet from './myFunction';

console.log(greet('Alice')); // Hello, Alice!

2. exports和module.exports

这两者是Node.js中的模块导出方式，而非ES6标准。虽然它们功能上相似，但使用上有一些细微的差别。

• module.exports

module.exports是Node.js模块的一种导出方式，可以导出一个对象、函数或任何数据。在这样做时，我们可以将整个模块重写成所需内容。

// calculator.js
function multiply(x, y) {
  return x * y;
}

module.exports = multiply;

导入方式为：

// app.js
const multiply = require('./calculator');

console.log(multiply(3, 4)); // 12

• exports

exports是module.exports的一个引用，通常用来添加多个导出。当你使用exports时，实际上是对module.exports的增强。

// shapes.js
exports.area = function (width, height) {
  return width * height;
};

exports.perimeter = function (width, height) {
  return 2 * (width + height);
};

导入时可以这样：

// app.js
const shapes = require('./shapes');

console.log(shapes.area(5, 10)); // 50
console.log(shapes.perimeter(5, 10)); // 30

总结

在JavaScript中，模块化编程提供了更多的灵活性和组织性。ES6中的export和export default主要用于前端代码，而Node.js中的exports和module.exports则是后端开发中常用的模块化方法。选择合适的导出方式可以帮助我们更好地管理代码，使其更加清晰和易于维护。希望通过以上的介绍，可以帮助你更好地理解JavaScript中的模块导出机制。