模块化

在ES6中，引入了模块化的概念，让我们可以更好地组织代码，并且让代码更易于维护和扩展。在ES6中，有两种主要的模块化语法：import和export。

导出模块：

使用export关键字可以将一个模块导出，使其可以在其他模块中使用。有三种方式可以导出模块：

1. 导出变量或者函数：

// module.js
export const name = 'John';
export function sayHello() {
  console.log('Hello');
}

2. 导出一个对象：

// module.js
const name = 'John';
function sayHello() {
  console.log('Hello');
}
export { name, sayHello };

3. 默认导出一个模块：

// module.js
const name = 'John';
export default name;

导入模块：

使用import关键字可以导入其他模块的内容，有两种方式可以导入模块：

1. 导入整个模块：

// main.js
import * as module from './module.js';
console.log(module.name);
module.sayHello();

2. 导入指定的变量或函数：

// main.js
import { name, sayHello } from './module.js';
console.log(name);
sayHello();

3. 导入默认导出的模块：

// main.js
import name from './module.js';
console.log(name);

重命名导入模块：

在导入模块的时候，我们可以给导入的内容重命名，避免命名冲突：

// main.js
import { name as myName, sayHello as greeting } from './module.js';
console.log(myName);
greeting();

模块的循环依赖：

在模块化开发中，有时候会出现模块之间相互依赖的情况。在ES6中，模块会被缓存，因此即使模块之间存在循环依赖，也不会出现死循环的情况。但是需要注意的是，循环依赖可能会导致代码结构变得复杂，应尽量避免使用循环依赖。

以上就是ES6模块化的基础教程，希望可以帮助到你。如果有任何问题，请随时提问！