export | export default |
---|---|
在一个文件中可以有多个export | 在一个文件中只能有一个export default |
导出的信息,需要通过{}来接收 | default单独导出的信息,可以通过 import ”用户起的变量名“ from ”具体路径“ |
关于第二条的对比,举例如下:
//test.js
export const a=1;
var m="hello";
export default m;
//index.js
import m from "./test"
import {a} from "./test"
console.log(m);//hello
console.log(a);//1
//test2.js
var a="tom",b="Jerry";
function c(){
console.log("i'm function c");
}
export default{
a,b,c
}
//index2.js
import {a,b,c} from "./test2"
console.log(a,b,c);// undefined undefined undefined
//将index2.js修改成如下代码时:
import obj from "./test2"
console.log(obj);
// {a: "tom", b: "Jerry", c: ƒ}