【ES6】模块化

模块化

1、模块化

模块化是指将一个大的程序文件，拆分成许多小的文件，然后将小文件组合起来。

2、ES6模块化语法

模块功能主要由两个命令构成：export和import

• export命令用于规定模块的对外接口
• import命令用于导入其他模块提供的功能

3、暴露模块数据

分别暴露

• m1.js

// 分别暴露
export let name = '张三';

export function student() {
    console.log('我是学生');
}

统一暴露

• m2.js

let name = '张三';

function student() {
    console.log('我是学生');
}

// 统一暴露
export {name, student};

默认暴露

• m3.js

// 默认暴露
export default {
    name: '张三',
    age: 18,
    information() {
        console.log("name" + name + ",age" + age);
    }
}

4、引入模块数据

通用导入

// 以m1.js为例
import * as m1 from './m1.js';

解构赋值形式导入

// 以m1.js为例
import {name, student} from './m1.js';

// 起别名
import {name as n, student} from './m2.js';


import {default as m3} from './m3.js';

简便形式导入(只能针对默认暴露)

// 简便形式 只能针对默认暴露
import m3 from './m3.js';