ES6 module语法加载 import export
程序员文章站
2022-04-27 19:09:57
...
这次给大家带来ES6 module语法加载 import export,ES6 module语法加载 import export的注意事项有哪些,下面就是实战案例,一起来看一下。
export:暴露,就是把接口暴露出去
import:引入,跟字面意思一样,引入接口
export {} export function demo(){} export var demo1;
这上面的两个export可以简写为
function demo(){} var demo1; export {demo, demo1} import {}
相应的当然有import了
import {demo,demo1} from ..path
当然也可以写另外一种写法 import * as name from ..path 然后引用的时候就是name.demo()这样子了
export default
还有就是export default
这个一个文件只能使用一次export default
export default function demo(){}
然后 import的时候
import default
import name(这个名字就是自己随意起的了) from ..path
看到没 这个没有大括号
但是
正是因为export default命令其实只是输出一个叫做default的变量,所以它后面不能跟变量声明语句。
所以 export default var a=1这样写会报错!!!!!
var a=1;
export defatult a ;
这样也是可以的
export * from 某一模块
这个export*会忽略掉模块的export default的输出的这个接口
那这样说的话 import * from 某一模块 是不是也import不到模块定义的export default接口
相信看了这些案例你已经掌握了方法,更多精彩请关注其它相关文章!
相关阅读:
以上就是ES6 module语法加载 import export的详细内容,更多请关注其它相关文章!
下一篇: php explode函数怎么用
推荐阅读
-
ES6使用export和import实现模块化的方法
-
ES6使用export和import实现模块化的方法
-
ES6新特性:使用export和import实现模块化详解
-
ES6模块化的import和export用法方法总结
-
【读书笔记】ES6 Module的语法
-
es6 export与import的复合写法实例
-
ES6 import and export
-
解决vue动态路由异步加载import组件,加载不到module的问题
-
node.js的exports、module.exports与ES6的export、export default深入详解
-
ES6 Module export与import复合使用