📅  最后修改于: 2023-12-03 15:01:40.561000             🧑  作者: Mango
在 JavaScript 中,我们可以使用 export default
来导出一个模块中的默认值。这个默认值可以是任何 JavaScript 数据类型,如字符串、数值、对象、函数等。
下面是一个简单的例子,演示了如何使用 export default
导出一个字符串:
// greeting.js
export default 'Hello World!';
在另外一个文件中,我们可以使用 import
语句来导入这个默认值:
// app.js
import greeting from './greeting.js';
console.log(greeting); // 输出: "Hello World!"
需要注意的是,默认值只能导出一个值,这意味着一个模块中只能有一个 export default
语句。如果需要导出多个变量或函数,则应该使用 export
关键字,并将它们储存在一个对象里面。
下面是一个例子,演示了如何使用 export
导出多个值:
// math.js
export const pi = 3.14;
export function add(a, b) {
return a + b;
}
在另外一个文件中,我们可以使用对象解构的方式来导入这些变量和函数:
// app.js
import { pi, add } from './math.js';
console.log(pi); // 输出: 3.14
console.log(add(2, 3)); // 输出: 5
总结一下,JavaScript 中的导出默认值是使用 export default
来实现的。这允许我们从一个模块中导出一个默认值,并在其他文件中使用 import
语句来导入它。如果需要导出多个变量或函数,则应该使用 export
关键字,并将它们储存在一个对象里面。