JavaScript 中的 ES6 模块化是什么？

ES6 模块化是一种在 JavaScript 中组织和管理代码的方式，它允许将代码分割成多个独立的模块，每个模块都有自己的作用域，可以导出一些变量、函数或类供其他模块使用，也可以导入其他模块导出的内容。

使用 ES6 模块化需要遵循以下步骤：

1. 在一个模块中使用 export 关键字导出需要暴露的变量、函数或类，例如：

// 导出一个变量
export const name = "Tom";

// 导出一个函数
export function sayHello() {
  console.log("Hello!");
}

// 导出一个类
export class Person {
  constructor(name) {
    this.name = name;
  }
}

2. 在另一个模块中使用 import 关键字导入需要使用的变量、函数或类，例如：

// 导入一个变量
import { name } from "./moduleA";

// 导入一个函数
import { sayHello } from "./moduleA";

// 导入一个类
import { Person } from "./moduleA";

3. 在导入时可以使用 as 关键字给变量、函数或类起一个别名，例如：

// 导入并重命名
import { name as myName } from "./moduleA";

// 导入并重命名
import { sayHello as hello } from "./moduleA";

// 导入并重命名
import { Person as MyPerson } from "./moduleA";

4. 可以使用 export default 导出一个默认的变量、函数或类，例如：

// 导出一个默认的变量
export default "Hello World!";

// 导出一个默认的函数
export default function() {
  console.log("Hello World!");
}

// 导出一个默认的类
export default class {
  constructor(name) {
    this.name = name;
  }
}

5. 在导入默认导出时可以直接使用 import 关键字加上变量名，例如：

// 导入默认的变量
import myDefault from "./moduleA";

// 导入默认的函数
import myFunction from "./moduleA";

// 导入默认的类
import MyPerson from "./moduleA";