ES6中export default的作用。

爱吃奶酪的松鼠丶

于 2023-04-10 10:44:23 发布

阅读量355

点赞数

CC 4.0 BY-SA版权

文章标签： es6 javascript 前端

本文链接：https://blog.youkuaiyun.com/csdn2990/article/details/130054669

文章介绍了ES6中的exportdefault关键字用于设置模块的默认导出，允许只导入一个主要功能。举例说明了如何导出和导入默认及命名导出的函数，如add和multiply，并展示了在app.js中如何使用这些导入的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

export default 是 ES6 中用于导出模块中默认（主）功能的关键字。它允许我们只引入模块的一个默认功能，而无需将所有导出进行命名。

以下是一个例子：

// math.js
const add = (a, b) => {
  return a + b;
};

const multiply = (a, b) => {
  return a * b;
};

export default add;  // 导出 add 函数作为默认功能
export {multiply};   // 导出 multiply 函数

// app.js
import sum from './math.js';  // 引入默认导出的 add 函数
import {multiply} from './math.js';  // 引入导出的 multiply 函数

console.log(sum(2, 3));  // 输出 5
console.log(multiply(2, 3));  // 输出 6

此处的 export default add 表示将 add 函数作为模块的默认导出，而 export {multiply} 表示将 multiply 函数作为模块的一个命名导出。因此，在 app.js 文件中，我们可以使用 import sum from './math.js' 来引入 add 函数并将其重命名为 sum，而使用 import {multiply} from './math.js' 来引入 multiply 函数。