模块化_Javascript 基础教程

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

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

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

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

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

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

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

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

// 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模块化的基础教程，希望可以帮助到你。如果有任何问题，请随时提问！