ES6(Module模块化)

时间:2018-05-01 11:58:23   收藏:0   阅读:152

模块化

ES6的模块化的基本规则或特点:

1:每一个模块只加载一次, 每一个JS只执行一次, 如果下次再去加载同目录下同文件,直接从内存中读取。 一个模块就是一个单例,或者说就是一个对象;

2:每一个模块内声明的变量都是局部变量, 不会污染全局作用域;

3:模块内部的变量或者函数可以通过export导出;

4:一个模块可以导入别的模块

 

一、导入和导出

1.导出

技术分享图片

导入:

技术分享图片

结果:

技术分享图片

2.只取需要的

技术分享图片

结果:

技术分享图片

3.导出数目太多时(无需一一对应)

技术分享图片

* 代表全部内容,as 代表别名

 结果:

技术分享图片

4.推荐写法

技术分享图片

技术分享图片

结果:

技术分享图片

好处:1.不会因为误操作将一些无关变量导出 2.通过 export default,由第三方引用时无需知道其名称,较为简洁

原文:https://www.cnblogs.com/jianghao233/p/8975738.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!