📜  JavaScript 中的导出默认值是什么?(1)

📅  最后修改于: 2023-12-03 15:01:40.561000             🧑  作者: Mango

JavaScript 中的导出默认值是什么?

在 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 关键字,并将它们储存在一个对象里面。