es6的export default,export,import的区别

首先export default 和export均可用于导出常量,函数,文件,模块等,可以在其他文件或者模块中

通过import+(常量|函数|文件|模块)名的方式将其导入,以便能够使用。但是在一个文件或者模块中,export、import可以有多个,而export default仅有一个。

但是做项目的时候发现了使用export dafault,export导出出现了问题,下面是几个总结:

1.在a.js使用export导出两个方法fetch和test,在b.js使用import导入时的写法:import {test,fetch} from "./a.js",在使用import导入的时候一定要大括号,导入之后在b.js便可以直接调用这两个方法,调用时这样写test();一定要加括号


2.通过export方式导出,在导入时要加{ },export default则不需要

在a.js里面定义方法并使用export default导出

let test=function (){
  console.log("test");
};
export default test;

在b.js里面通过import导入import test from "./assets/js/chat.js",注意此时导入不需要加{}



扫描二维码关注公众号,回复: 221276 查看本文章

最后简单说明一下,1使用export导出需要{},与此相对使用import导入也需要{}

                                 2使用export default 导出不需要{},与此相对使用import导入也不需要{}





猜你喜欢

转载自blog.csdn.net/bhq1711617151/article/details/77585009