ES6(Module 模块化)

模块化

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

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

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

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

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

 

一、导入和导出

1.导出

ES6(Module 模块化)

导入:

ES6(Module 模块化)

结果:

ES6(Module 模块化)

2.只取需要的

ES6(Module 模块化)

结果:

ES6(Module 模块化)

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

ES6(Module 模块化)

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

 结果:

ES6(Module 模块化)

4.推荐写法

ES6(Module 模块化)

ES6(Module 模块化)

结果:

ES6(Module 模块化)

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

上一篇:ES6(数据结构-2)


下一篇:C++ 设计抽象基类的策略