在 Node.js 中使用原生 ES 模块方法解析

使用原生 ES 模块方法解析在 Node.js 中加载模块有很多好处，比如可以避免使用 CommonJS 模块时可能发生的命名冲突问题，加快了模块的加载速度等。下面是使用原生 ES 模块方法解析的完整攻略。

攻略步骤

步骤一：在 package.json 中声明 "type" 字段为 "module"

在使用原生 ES 模块方法解析之前，需要在项目的 package.json 文件中声明 "type" 字段为 "module"。这样就可以告诉 Node.js 解析器，项目中的 JavaScript 文件应该是 ES 模块。

{
  "name": "my-project",
  "version": "1.0.0",
  "type": "module",
  "dependencies": {
    "express": "^4.17.1"
  }
}

步骤二：使用 import 语句引入模块

在 ES 模块中使用 import 语句引入其他模块。比如，可以使用以下方式引入 Node.js 内置的 http 模块。

import http from 'http';

步骤三：使用模块的 default 导出

在 ES 模块中，模块可以通过 default 导出一个变量、函数或对象。可以使用以下方式获取导出的内容。

import myModule from './myModule.js';

console.log(myModule); // 打印 default 导出的内容

步骤四：使用模块的命名导出

在 ES 模块中，可以使用 export 关键字导出一个或多个变量、函数或对象。具体的语法如下：

// 单个导出
export const myVariable = 'hello world';
export function myFunction() {
  console.log('This is myFunction.');
}
export class MyClass {
  constructor() {
    console.log('This is MyClass.');
  }
}

// 多个导出
const a = 1;
const b = 2;
const c = 3;

export { a, b, c };

在另一个模块中，可以通过以下方式引用命名导出的内容。

import { myVariable, myFunction, MyClass, a, b, c } from './myModule.js';

console.log(myVariable);
myFunction();
const myClassInstance = new MyClass();
console.log(a, b, c);

示例

以下是两个示例，分别展示如何在 Node.js 中使用原生 ES 模块方法解析命名与 default 导出。

示例一：使用 default 导出

myModule.js

export default {
  message: 'hello from myModule.js'
};

index.js

import myModule from './myModule.js';

console.log(myModule.message); // 打印 "hello from myModule.js"

示例二：使用命名导出

myModule.js

export const myFunction = () => {
  console.log('This is my function.');
};

export const myVariable = 'hello from myVariable';

index.js

import { myFunction, myVariable } from './myModule.js';

myFunction(); // 打印 "This is my function."
console.log(myVariable); // 打印 "hello from myVariable"

通过以上攻略可以发现，在 Node.js 中使用原生 ES 模块方法解析是非常简单的。只需要在项目的 package.json 文件中声明 "type" 字段为 "module"，然后就可以在 ES 模块中使用 import 和 export 语句进行模块的导入与导出。