重点 史上最详细易懂的ES6模块化语法( 三 )


在非模块下开发 , 如果某个js文件需要依赖其它的js文件 , 必须通过先引入被依赖的js文件 , 这样当前的这个依赖的的js文件才能够正常使用 。但是使用模块化下开发 , 就解决了这一问题 , 开发者可以将引入放入任何位置 。代码块如下图所示:
在当前依赖的js文件中 , 先导入被依赖的方法 , 然后再当前依赖的js文件中并执行被依赖的方法 。
在test.html中引入C.js文件 , 无需先引入A.js和B.js了 , 模块化下开发必须这样写
上述的案例就解决了依赖不乱的问题了
总结一下
1.在引入之前 , 我们不将某个方法通过进行导出 , 那么该方法就是属于私密的
2.如果多个js文件中导出了相同的方法命 , 那么在导入的时候 , 我们通过关键字as进行重命名 就解决了命名覆盖的问题 。
3.在当前依赖的js文件中 , 先导入被依赖的方法 , 然后再当前依赖的js文件中并执行被依赖的方法 。(就想在自己内部调用自己的方法) , 然后再html文件中引入执行 , 无需再引入其他所被依赖的js文件 。
注意:如果一个js文件中想导出一个方法 , 导出语法为方法名 (默认导出一个方法)在导入的时候 , 就需要定义一个变量进行接收 语法为变量名 from './././'
操作代码块如下图所示: