黄子涵

2 5.3 export default命令

从示例 34 可以看出,使用 import 命令时,用户需要知道所要加载的变量名或函数名,否则无法加载。

为了给用户提供方便,不用阅读文档就能加载模块,需要用到 export default 命令,为模块指定默认输出。使用方法如示例 35 所示 。

示例 35

// export-default.js
export default function () {
    console.log('黄子涵');
}

// import-default.js
import hzhName from './export-default';
hzhName();

示例 35 中的代码 export-hzh.js 是一个模块文件,它的默认输出是 一个函数。import-hzh.js 为另外的模块。在加载 export-hzh.js 模块时,import 命令可以为匿名函数指定任意名字。在示例 35 中为匿名函数指定名称 hzhName,这时就不需要知道原模块输出的函数名。需要注意的是,这时 import 命令后面不使用大括号。

注意

export default 命令用在非匿名函数前也是可以的。因为函数名在模块外部是无效的,加载时视同匿名函数。

通过示例 33 、示例 34 和示例 35 的对比可知,使用 export default 时,对应的 import 语句不需要使用大括号:不使用 export default 时,对应的 import 语句需要使用大括号。export default 命令用于指定模块的默认输出。显然一个模块只能有一个默认输出,因此 export default 命令只能使用一次 。所以 import 命令后面才不用加大括号,因为只能唯一对应一个 export default 命令。

posted @ 2022-06-09 19:02  黄子涵  阅读(75)  评论(0编辑  收藏  举报