利用es6中export和import怎么】实现模块化

在 ES6 中，我们可以使用 export 和 import 关键字来实现模块化。export 用于导出模块中的变量、函数或类，import 用于导入其他模块中导出的变量、函数或类。下面是一个简单的示例：

// file1.js
export const PI = 3.1415926;
export function square(x) {
  return x * x;
}
export class Circle {
  constructor(radius) {
    this.radius = radius;
  }
  getArea() {
    return PI * this.radius * this.radius;
  }
}

// file2.js
import { PI, square, Circle } from './file1.js';
console.log(PI);
console.log(square(2));
const c = new Circle(3);
console.log(c.getArea());

在 file1.js 中，我们使用 export 关键字导出了一个常量 PI、一个函数 square 和一个类 Circle。在 file2.js 中，我们使用 import 关键字从 file1.js 中导入了 PI、square 和 Circle，并在控制台上输出了它们的值。

需要注意的是，如果导出的是默认值，可以使用 default 关键字进行导出和导入。示例如下：

// file1.js
export default function sayHello(name) {
  console.log(`Hello, ${name}!`);
}

// file2.js
import sayHello from './file1.js';
sayHello('world');

在 file1.js 中，我们使用 default 关键字导出了一个函数 sayHello。在 file2.js 中，我们使用 import 后面直接跟上函数名（没有花括号）导入了该函数，并调用了它。