前端学习之ES6模块化

模块化

模块化就是把单独一个功能封装到一个模块中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块
模块化开发的好处：方便代码重用，从而提升开发效率，并且方便后期的维护

模块化相关规范

• AMD和CMD适用于浏览器端的JavaScript模块化
• CommonJS适用于服务器端的JavaScript模块化

上述规范存在一定的差异性与局限性
因此，ES6语法规范中，在语言层面上定义了ES6模块化规范，是浏览器端和服务器端通用的模块化开发规范。
ES6模块化规范中定义：

• 每个js文件都是一个独立的模块
• 导入模块成员使用import关键字
• 暴露模块成员使用export关键字

ES6模块化基本语法

1. 默认导出与默认导入

• 默认导出语法：

export default{
默认导出的成员
}

• 默认导入语法

import 接收名称 from '模块标识符'

2. 按需导出与按需导入

• 按需导出

export 要导出的某个变量或函数

• 按需导入

import {某个变量或函数} from '模块标识符'

3. 直接导入并执行模块代码
   有时候我们单纯只想执行某个模块中的代码，并不需要得到模块中向外暴露的成员，此时可以直接导入并执行模块代码

import '模块标识符'