es6导出的方式

es6导出的方式

默认导出（default export）和命名导出（named export）

1、默认导出（default export）：

默认导出允许你在一个模块中指定一个默认导出项。当其他模块导入该模块时，可以使用 import 语句来导入默认导出项，并且可以使用任何合法的变量名来指定导入的内容。一个模块只能有一个默认导出。

例如，如果你使用 export default 导出一个对象，如下所示：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
//  A.js

const variable1 = 'Value 1';
const variable2 = 'Value 2';

function function1() {
  // 函数1的实现...
}

function function2() {
  // 函数2的实现...
}

export default {
  variable1,
  variable2,
  function1,
  function2
};

然后你可以这样导入默认导出项：

1
2
javascriptCopy code
import A from 'A.js';

在这种情况下，导入的变量名 A 将指向默认导出的对象。

2、命名导出（named export）：

命名导出允许你在一个模块中指定多个导出项，每个项都有一个名字，其他模块可以使用这些名字来导入指定的内容。一个模块可以有多个命名导出。

例如，如果你使用 export 关键字单独导出每个变量和函数，如下所示：

1
2
3
4
5
6
7
8
9
10
11
12
// A.js

export const variable1 = 'Value 1';
export const variable2 = 'Value 2';

export function function1() {
  // 函数1的实现...
}

export function function2() {
  // 函数2的实现...
}

然后你可以这样导入这些命名导出项：

1
import { variable1, variable2, function1, function2 } from 'A.js';

在这种情况下，导入的变量名和函数名将与导出时的名字一一对应。