前言

在开发中，ES6模块化通过使用import和export关键字，我们可以轻松地创建模块化的代码。ES6模块化提供了更加强大和灵活的功能，相比于之前的模块化解决方案，如CommonJS和AMD，具有更好的语法和性能。

ES6模块化的特点

• 灵活的多种导入导出方式
• 规范的路径： 所有路径都必须以./或者../开头
• 使用依赖预声明的方式导入模块

ES6模块化的语法

基本导入导出

基本导出后面加上声明表达式或者具名符号

export const name = "zero"

const name = "HE"
const age = 18
export {name, age}

基本导入

import "./test.js"

• 导入时，可以通过关键字as对导入的符号进行重命名
• 导入时使用的符号是常量，不可修改
• 可以使用* 号导入所有的基本导出，形成一个对象

默认导入导出

默认导出

export default function test() {
    console.log("hello world")
}

默认导入

import test from "./test.js"

统一导入导出

统一导出用as关键字重命名

export { increase as add };

统一导入

// 导入多个函数并重命名
import { increase as add } from './math.js';

总结

总结而言，ES6的模块化通过使用import和export关键字，我们可以轻松地创建模块化的代码，提高代码的可维护性和可复用性。ES6模块化具有清晰的语法、静态的依赖关系和良好的性能，是现代JavaScript开发中常用的模块化工具。