ES6中export default的作用。

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

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

export defaultES6 中用于导出模块中默认(主)功能的关键字。它允许我们只引入模块的一个默认功能,而无需将所有导出进行命名。

以下是一个例子:

// 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 函数。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值