前端Node环境下模块的导入与导出总结

// 1、一个模块可以有多个下方这种非默认导出
// 2、外部模块要想单独使用 a,b 其中之一时,就必须要用解构符{}的方式去导入
// 3、外部导入方式1:import {a as AAA,b as BBB} from "./utils";  此处的 AAA与BBB 都是在外部模块导入的时候起的别名,可以是任意有效的标识符
// 4、外部导入方式2:import {a,b} from "./utils";
// 5、外部导入方式3:import * as ALL from "./utils";  通过 ALL 可以访问到变量 ALL.a与ALL.b(ALL就是别名,可以是任意有效的标识符),通过 ALL 实际上可以访问到所有的导出内容
export const a = "a";
export const b = "b";


// 1、一个模块只能存在一个默认导出
// 2、当外部导入本模块且没有使用解构符{}时,外部模块则导入的是本模块的默认导出既export default,此时外部模块在导入的时候可以起别名(这种情况如果被导入模块没有默认导出,就会报错)
// 3、外部导入方式1:import NAME from "./utils";  此时的 NAME 与 c 是相同的(NAME就是别名,并且可以是任意有效的标识符)
// 4、外部导入方式2:import * as ALL from "./utils";  此时的 ALL.default 与 c 是相同的(ALL就是别名,可以是任意有效的标识符),通过 ALL 实际上可以访问到所有的导出内容
const c = "c";
export default c

posted @ 2023-06-10 14:40  黄河大道东  阅读(24)  评论(0编辑  收藏  举报