JavaScript模块化导出导入指南：module.exports、exports、export、import和require详解

导言

在JavaScript开发中，模块化是组织和管理大型项目的关键。它允许开发者将应用程序分解成更小、更易于管理的模块，提高了项目的可读性、可扩展性和可 Ramadan性。JavaScript提供了多种模块化导出和导入的方法，每种方法都有自己独特的特点和适用场景。

一、导出方法

1. module.exports

module.exports是Node.js中导出模块的传统方法。它将一个值或一个对象的属性暴露给require()模块。

// example.js
module.exports = {
  name: 'John Doe',
  age: 30
};

2. export default

export default也是ES6中导出模块的一种方法。它将一个默认导出暴露给import语句。

// example.js
export default {
  name: 'John Doe',
  age: 30
};

3. export named

export named允许按需导出模块的特定属性或方法。

// example.js
export const name = 'John Doe';
export const age = 30;

二、导入方法

1. require()

require()用于导入Node.js模块。它将模块导出暴露为一个变量或一个对象的属性。

// main.js
const exampleModule = require('example');

2. import

import语句用于导入ES6模块。它将模块默认导出或按需导出的属性或方法暴露给一个变量或一个对象的属性。

// main.js
import exampleModule from 'example';

三、方法选择建议

在选择导出和导入方法时，需要考虑项目的需求和开发者的偏好。

• Node.js开发：

  • 导出：module.exports
  • 导入：require()

• ES6开发：

  • 导出：export default（默认导出）或export named（按需导出）
  • 导入：import语句

四、实战指南

1. 创建模块

创建一个包含要导出的内容的新JavaScript文件（例如example.js）：

// example.js
export default {
  name: 'John Doe',
  age: 30
};

2. 导出模块

使用module.exports（Node.js）或export语句（ES6）从模块中导出内容：

// example.js
module.exports = {
  name: 'John Doe',
  age: 30
};

// example.js
export default {
  name: 'John Doe',
  age: 30
};

3. 导入模块

使用require()（Node.js）或import语句（ES6）从模块中导入内容：

// main.js
const exampleModule = require('example');

// main.js
import exampleModule from 'example';

4. 使用导出的内容

导入后，就可以像访问本地变量或属性