每一个模块只允许有一个默认导出。
示例:定义了一个js模块,使用了默认导出:
// module my-module.js
const name = 'tom'
export default { name };
在另外一个js文件中导入:
// demo.js
import name from './my-module.js';
console.log(name)
运行输出:
可以使用任何名称导入默认导出,不需要跟默认导出的名称相同,例如:
// module my-module.js
const name = 'tom'
export default { name };
// demo.js
// 使用另外一个名称导入
import n from './my-module.js';
console.log(n)
运行输出:
如果我们要导出一个值或得到模块中的返回值,就可以使用默认导出。例如:
// module my-module.js
export default function cal(x) {
return x * 10;
}
// demo.js
import cal from './my-module.js';
console.log(cal(2))
运行输出: