day23

模块化

ES6模块化

• ES6模块化导出
  1.列表导出

export {firstName,lastName}

2.重命名导出

export {firstName as first,lastName as last}

3.导出单个属性 单个函数

export var a = 1;
export function get(){
}

4.默认导出

export default {
    firstName,
    lastName
}

• ES6模块化引入
  1.列表引入

import {firstName,lastName} from 'xx.js';

2.重命名引入

import {first as f,last as l} from 'xx.js';

3.引入导出得单个属性

import {a,test} from 'xxx.js'

4.引入默认导出得内容

import 变量名 from 'xxx.js'

5.引入所有使用export关键字导出得变量函数

import * as 变量名 from 'xxx.js'

commonjs模块化

• commonjs导出

module.exports = {
    变量
}

• commonjs引入

let {变量} = require('xxxx');//commonjs可以省略文件后缀