ES6模块系统备忘

案例一：基础使用

/*-----------------------m1.js文件----------------*/
export let mvar1=100

export function mfn() {}

export class MClass {}
/*------------------------------------------------*/

/*----------------------index.js文件---------------*/
import {mvar1,mfn,MClass} from './m1.js' //全部引出

import {mvar1,MClass} from './m1.js' //局部引出
/*------------------------------------------------*/

案例二：集中式导出

/*-----------------------m1.js文件----------------*/
let mvar1=100

function mfn() {}

class MClass {}
export {mvar1,mfn,MClass}
/*------------------------------------------------*/

/*----------------------index.js文件---------------*/
import {mvar1,mfn,MClass} from './m1.js' //全部引出

import {mvar1,MClass} from './m1.js' //局部引出
/*------------------------------------------------*/

案例三：换名导出,换名导入

/*-----------------------m1.js文件----------------*/
let mvar1=100

function mfn() {}

class MClass {}
export {mvar1 as mv1,mfn,MClass}
/*------------------------------------------------*/

/*----------------------index.js文件---------------*/
import {mv1,mfn as fn,MClass} from './m1.js' //换名

import {mv1 as mv,MClass} from './m1.js' //换名
/*------------------------------------------------*/

案例五：默认导出导入

/*-----------------------m1.js文件----------------*/
let mvar1=100

function mfn() {}

class MClass {}

let moudle={mvar1,mfn,MClass}

export default moudle
/*------------------------------------------------*/

/*----------------------index.js文件---------------*/

import anyObj from './m1.js' //换名


/*------------------------------------------------*/