ES6 import 相当于没有导出的 require()

Java

ES6 import 相当于没有导出的 require()

在JavaScript开发中，模块化是一种非常重要的编程概念。它可以将代码划分为不同的模块，使得代码更加可维护、可重用。在ES6之前，我们使用的是CommonJS规范，通过使用require()函数来导入模块。然而，ES6引入了import语句，给我们带来了更加简洁、灵活的导入模块的方式。

在ES6中，使用import语句可以导入一个模块，并将其赋值给一个变量。这个变量可以直接使用模块中导出的内容，而不需要通过调用函数或者访问对象的属性。这使得代码的编写更加简洁明了。

下面是一个简单的例子，演示了使用ES6的import语句导入一个模块的过程：

Javascript
// module.JS
export const PI = 3.14;
export function square(x) {
  return x * x;
}
// mAIn.JS
import { PI, square } from './module.JS';
console.log(PI); // 输出 3.14
console.log(square(5)); // 输出 25

在上面的例子中，我们创建了一个名为module.JS的模块，并在其中导出了常量PI和函数square。然后在mAIn.JS中，我们使用import语句将这两个导出的内容导入，并分别赋值给变量PI和square。最后，我们可以直接在mAIn.JS中使用这两个变量，而无需通过调用函数或者访问对象的属性。

更灵活的导入方式

除了直接导入特定的内容，ES6的import语句还支持导入整个模块，或者导入默认导出的内容。这使得导入模块的方式更加灵活。

下面是一些示例代码，演示了更灵活的导入方式：

Javascript
// module.JS
export const PI = 3.14;
export function square(x) {
  return x * x;
}
export function cube(x) {
  return x * x * x;
}
export default function double(x) {
  return 2 * x;
}
// mAIn.JS
import * as math from './module.JS';
import double from './module.JS';
console.log(math.PI); // 输出 3.14
console.log(math.square(5)); // 输出 25
console.log(math.cube(3)); // 输出 27
console.log(double(7)); // 输出 14

在上面的例子中，我们首先使用import * as math的方式导入整个模块。这样，我们可以通过math对象访问模块中导出的内容。然后，我们使用import double的方式导入模块中的默认导出内容，并将其赋值给变量double。这样，我们可以直接在mAIn.JS中使用double函数。

ES6的import语句给我们带来了更加简洁、灵活的导入模块的方式。与之相比，之前使用的CommonJS的require()函数则显得稍显繁琐。通过使用import语句，我们可以直接导入模块中的内容，并将其赋值给变量，使得代码的编写更加简洁明了。同时，import语句还支持导入整个模块或者默认导出的内容，使得导入模块的方式更加灵活。因此，在ES6中，我们可以说import相当于没有导出的require()。