Mickey's Blog ·

ES6 module -export

最近确实代码写的数量有很大程度的下降,都在跑来跑去。很多问题给新人解答也是不求甚解,只关注问题有没有解决,深层次的原理都被囫囵过去了。这次就看到哪里写到哪里。

每次我们打开一个库文件都会看道export default,这个export我们知道是ES6 的module导出那么default这个关键字呢,从mudule我们开始说。

js一开始是没有模块化的语言支持的,这对于拆分解耦很不方便,社区之前制定了一些实现。最主要的有 CommonJS 和 AMD 两种。前者用于服务器,后者用于浏览器。但ES6在语言标准上支持了模块功能并且兼容两端。ES的思路是静态引入,可以在编译阶段做一个静态优化,如果是动态的依赖和加载,那么其实违背了es6的实现思路。

关键字就是export 和import。export规定对外接口,import引入功能,由于你无法读入文件内的内容,所以你需要对想要开放的参数使用wxport来对外开放。

image.png

可以通过export aaa as bbb的方式来重命名,默认使用原有的参数或函数名。