admin 管理员组

文章数量: 887678


2024年1月5日发(作者:sqlserver2000支持win7吗)

js export 和 export default 简书

(原创实用版)

目录

export 和 export default 简书

2.导出函数和导出默认值

3.使用示例

正文

在 JavaScript 中,我们有两种主要的方式来导出函数或变量,分别是 `export` 和 `export default`。下面我们将以简书的形式详细介绍这两种导出方式。

1.导出函数

假设我们有一个名为 `add` 的函数,它接受两个参数并返回它们的和。我们可以使用 `export` 关键字来导出这个函数。

```javascript

// 导出函数

export function add(a, b) {

return a + b;

}

```

2.导出默认值

在某些情况下,我们可能希望为函数或变量设置一个默认值。这时,我们可以使用 `export default` 语句来导出默认值。

```javascript

第 1 页 共 3 页

// 导出默认值

export default function add(a = 0, b = 0) {

return a + b;

}

```

在上面的示例中,我们为 `add` 函数的参数 `a` 和 `b` 分别设置了默认值 `0`。这样,在调用 `add` 函数时,如果未提供参数,函数将使用默认值。

3.使用示例

假设我们有一个名为 `` 的文件,它导出了上述两个函数。我们可以在其他文件中导入并使用这两个函数。

```javascript

// 导入函数

import { add } from "./";

// 调用导出函数

(add(1, 2)); // 输出:3

// 调用导出默认值函数

(add()); // 输出:0

(add(1)); // 输出:1

(add(1, 2)); // 输出:3

```

通过这种方式,我们可以在项目中更方便地共享和重用代码。总之,`js export` 和 `export default` 是 JavaScript 中用于导出函数和

第 2 页 共 3 页

变量的两种主要方式。

第 3 页 共 3 页


本文标签: 函数 导出 使用 参数