📅  最后修改于: 2023-12-03 15:16:11.714000             🧑  作者: Mango
在 JavaScript 中,我们可以使用 export default
语句来导出模块的默认值。这使得在其他脚本文件中导入该模块的时候,可以直接引用模块的默认值而无需使用大括号括起来。下面是一个例子:
// moduleA.js
const myFunc = () => {
console.log('Hello World!');
}
export default myFunc;
在上面的代码中,我们定义了一个名为 myFunc
的函数,并使用 export default
导出它的默认值。
接下来,在其他脚本文件中,我们可以这样导入 moduleA.js
中的默认值:
// index.js
import myFunc from './moduleA.js';
myFunc(); // 输出 "Hello World!"
在上面的代码中,我们使用 import
语句导入了 moduleA.js
文件中的默认值,并将其赋给了 myFunc
变量。由于 myFunc
变量中存储的就是默认值,因此我们可以直接调用它。
如果一个模块同时导出了多个变量或函数,那么可以使用大括号将它们括起来,并依次列出每个需要导入的变量或函数。例如:
// moduleB.js
export const a = 1;
export const b = 2;
export const c = 3;
在其他脚本文件中,我们可以使用如下语句导入 moduleB.js
中的变量:
// index.js
import { a, b } from './moduleB.js';
console.log(a); // 输出 1
console.log(b); // 输出 2
在上面的代码中,我们使用大括号将 a
和 b
两个变量括起来,并使用逗号分隔它们。这样就可以分别导入 moduleB.js
文件中的 a
和 b
两个变量。
总结:
export default
语句来导出模块的默认值。