AMD和CMD及模块

1、AMD

  提前执行:提前异步并行加载,如require

  优点:尽早执行依赖可以尽早发现错误

  缺点:容易产生浪费

2、CMD

  延迟执行:延迟按需加载,如import

  优点:减少资源浪费

  缺点:等待时间长,出错时间延后

3、ES6模块(module)

  一个模块,就是一个对其它模块暴露自己的属性或者方法的文件

  导出模块(export)

  作为一个模块,它可以选择性的给其它模块暴露(提供)自己的属性或者方法,供其它模块使用

  实例1:导出(export)多个

    var  name  =  'abc';

    var  age  =  18;

    var  hobby  =  'shop';

    export  {name,  age,  hobby};

    导入(import)

    import  {name,  age,  hobby}  from  '../component/test'

  实例2:导出(export)多个  别名

    var  name  =  'abc';

    var  age  =  18;

    var  hobby  =  'shop';   

    export  {name  as  title,  age,  hobby};

    导入(import)

    import  {title,  age,  hobby}  from  '../component/test'

  实例3:导出(export)default 仅有一个

    export  default  {name:  'abc',  hobby: 'shop'}

    导入(import)

    import  obj  from  '../components.test'

你可能感兴趣的:(AMD和CMD及模块)