导出函数 - Javascript

在Javascript中，我们可以将函数导出（export）给其他文件或模块使用。这通常用于写可复用的代码，让我们来看看如何实现它。

默认导出

默认导出是导出一个对象，当导入模块时不需要在大括号中明确指定对象的名称。

导出单个对象

// 导出单个对象
export default function add(a, b) {
  return a + b;
}

使用：

// 导入对象
import add from './utils.js';

console.log(add(2, 3)); // 输出5

导出多个对象

// 导出多个对象
export default {
  add(a, b) {
    return a + b;
  },
  subtract(a, b) {
    return a - b;
  }
}

使用：

// 导入对象
import math from './utils.js';

console.log(math.add(2, 3)); // 输出5
console.log(math.subtract(3, 2)); // 输出1

命名导出

命名导出是导出一个或多个函数或变量，当导入模块时需要在大括号中明确指定对象的名称。

导出单个函数

// 导出单个函数
export function add(a, b) {
  return a + b;
}

使用：

// 导入函数
import { add } from './utils.js';

console.log(add(2, 3)); // 输出5

导出多个函数

// 导出多个函数
export function add(a, b) {
  return a + b;
}

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

使用：

// 导入函数
import { add, subtract } from './utils.js';

console.log(add(2, 3)); // 输出5
console.log(subtract(3, 2)); // 输出1

导出变量

// 导出变量
export const pi = 3.14;

使用：

// 导入变量
import { pi } from './utils.js';

console.log(pi); // 输出3.14

导出默认和命名混合

一个模块中可以混合使用默认导出和命名导出。

导出默认和命名

// 导出默认和命名
export default function add(a, b) {
  return a + b;
}

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

使用：

// 导入默认和命名
import math, { subtract } from './utils.js';

console.log(math(2, 3)); // 输出5
console.log(subtract(3, 2)); // 输出1

这就是在Javascript中如何导出函数的方法。当你理解了导入和导出的原理，你就能写出更可复用的代码，减少重复编写的代码，得以提高开发效率。