ES6模块

Posted cuishuangshuang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6模块相关的知识,希望对你有一定的参考价值。

模块Model

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

 

导出export

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

 

第一种:

  导出export(多个)

    var  name  =  ‘amy‘;

    var  age  =  18;

    var  hobby  =  ‘sleep‘;

    export {name, age, hobby}

  导入import

    import  {name, age, hobby}  from  ‘./components/testA‘

 

第二种:

  导出export(别名)

    var  name  =  ‘amy‘;

    var  age  =  18;

    var  hobby  =  ‘sleep‘;

    export  {name  as  v1, age  as  v2, hobby  as  v3}

  导入import

    import  {v1, v2, v3}  from  ‘./components/testA‘

 

第三种:

  导出export default(仅有一个)

    export  default  {name:‘abc‘, hobby:‘game‘}

  导入import

    import  obj   from  ‘./components/testA‘

 

以上是关于ES6模块的主要内容,如果未能解决你的问题,请参考以下文章

ES6模块和commonjs模块的区别

ES6 模块

ES6 模块与 CommonJS 模块的差异

ES6 模块export import

ES6 模块export import

commonjs模块和es6模块的区别?