文章の目录

• 一、默认导出
• 二、默认导入
• 三、按需导出
• 四、按需导入
• 五、直接导入并执行模块代码
• 写在最后

一、默认导出

语法：

export default 默认导出的成员

每个模块中，只允许使用唯一的一次 export default，否则会报错！

二、默认导入

语法：

import 接收名称 from '模块标识符'

示例：

a.js

let a = 1;
let b = 2;
let c = 3;function d() {}export default {a,b,c,d
};

index.js

import a from "./a";console.log(a);

控制台输出：

index.js访问不了c，因为它没有暴露出去。

三、按需导出

语法：

export let s1 = 10

每个模块中，可以使用多次按需导出

四、按需导入

语法：

import { s1 } from '模块标识符'

也可以给需要接收的值用另一个名字来接收

import { s1 as s } from '模块标识符'

这样就不能用s1来使用这个值，只能用s来使用这个值了

示例：

b.js

export let x = 4;
export let y = 5;
export function z() {console.log(1);
}

index.js

import { z } from "./b";z();

控制台输出的结果是

五、直接导入并执行模块代码

有时候，我们只想单纯执行某个模块中的代码，并不需要得到模块中向外暴露的成员，此时，可以直接导入并执行模块代码。

示例

c.js

for (let i = 0; i < 3; i++) {console.log(i);
}

index.js

import "./c";

控制台输出

写在最后

如果你感觉文章不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果你觉得该文章有一点点用处，可以给作者点个赞；\\*^o^*//
如果你想要和作者一起进步，可以微信扫描二维码，关注前端老L；~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！