码迷,mamicode.com
首页 > 其他好文 > 详细

ES6(Module模块化)

时间:2018-05-01 12:35:28      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:分享图片   推荐   就是   font   基本   default   模块化   同文件   目录   

模块化

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

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

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

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

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

 

一、导入和导出

1.导出

技术分享图片

导入:

技术分享图片

结果:

技术分享图片

2.只取需要的

技术分享图片

结果:

技术分享图片

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

技术分享图片

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

 结果:

技术分享图片

4.推荐写法

技术分享图片

技术分享图片

结果:

技术分享图片

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

ES6(Module模块化)

标签:分享图片   推荐   就是   font   基本   default   模块化   同文件   目录   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!