📜  javascript 导出默认值 - Javascript (1)

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

JavaScript 导出默认值 - Javascript

在 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

在上面的代码中,我们使用大括号将 ab 两个变量括起来,并使用逗号分隔它们。这样就可以分别导入 moduleB.js 文件中的 ab 两个变量。

总结:

  • JavaScript 中可以使用 export default 语句来导出模块的默认值。
  • 导出的默认值可以直接被其他脚本文件导入而无需使用大括号括起来。
  • 如果一个模块同时导出了多个变量或函数,那么可以使用大括号将它们括起来并依次列出每个需要导入的变量或函数。