export function ,export default function 的区别

export function ,export default function 的区别

1. 当使用 JavaScript 模块系统时，export function 和 export default function 有一些关键区别：
2. export function (具名导出)

// module.js
export function add(a, b) {
    return a + b;
}

export function subtract(a, b) {
    return a - b;
}

导入时：

// main.js
import { add, subtract } from './module';


console.log(add(2, 3));
console.log(subtract(5, 2));

可以导出多个具名的成员。在导入时需要使用相应的名称引用。

3. export default function （默认导出）

// module.js
export default function multiply(a, b) {
    return a * b;
}

导入时：

// main.js
import customName from './module';

console.log(customName(2, 3));

导出一个默认的成员。在导入时可以为它指定一个任意的名称，有助于避免与局部变量冲突。一个模块中只能有一个默认导出。