美文网首页
ES6模块系统备忘

ES6模块系统备忘

作者: JohnYuCN | 来源:发表于2020-02-10 13:44 被阅读0次

    案例一:基础使用

    /*-----------------------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' //换名
    
    
    /*------------------------------------------------*/
    
    

    相关文章

      网友评论

          本文标题:ES6模块系统备忘

          本文链接:https://www.haomeiwen.com/subject/fwsaxhtx.html