ES6模块化使用

将一个复杂的程序依据一定的规则封装成几个块（文件），并进行组合在一起。块的内部墙绅褡孛数据与实现是私有的，飧肇苡卫只是向外部暴露一些借口（方法）与其他模块通信，如果都写在一起，管理也不方便，使用模块化避免命名冲突（减少命名空间污染），更好的分离，按需加载，高复用性，高可维护性，所以使用ES6的模块化也是相当重要的

工具/原料

es6

模块化

语法

1、es6关键字 exprot 导出 import 导入

具体使用

1、a.js文件：const a = 6;const b = "a";export {a, b}使用 export 关键字进行导出

2、b.js文件(这里a.js和b.js在同一个文件夹中)：import {a, b} from "./a"console.log(a) //6console.log(b) //a

需要注意的地方

1、export 和 import 导入导出的变量名一定要一致，否则就可能undefined

2、使用 export default导入导出的变量名就可以不一致，但一个模块文件中只能有一个export default,如果有多个会报错：only one default export

3、使用 export default ，既然只能使用一次，我们要导出多个变量时的处理方式，可以用对拇峨镅贪象的方式，上面的例子如果导出多个：a.js文件：export def锾攒揉敫ault { a, b}b.js文件：导入的时候 , 导入名也可以随便写，直接导入名点出来即可import c from "./a"console.log(c.a) //6console.log(c.b) //a