📜  js 导出多个函数 - Javascript (1)

📅  最后修改于: 2023-12-03 15:02:23.496000             🧑  作者: Mango

JS 导出多个函数 - Javascript

在Javascript中,我们可以通过多种方式来导出一个或多个函数。下面将介绍一些常见的方法。

导出单个函数

我们可以使用 export 关键字来导出一个函数。例如,我们有一个名为 add 的函数,它将两个数字相加并返回结果。我们可以这样导出它:

export function add(a, b) {
  return a + b;
}

这将使我们可以在其他文件中引用和使用该函数。例如,在另一个文件中,我们可以这样使用它:

import { add } from './math';

console.log(add(2, 3)); // 输出: 5
导出多个函数

如果我们有多个函数需要导出,我们可以使用 export 关键字多次。例如,我们有一个名为 add 的函数和一个名为 subtract 的函数,我们可以这样导出它们:

export function add(a, b) {
  return a + b;
}

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

在另一个文件中使用这些函数的方式与上面的示例相同。

导出默认函数

除了导出具名函数之外,我们还可以导出默认函数。默认函数是指我们在导出时不需要指定函数名称的函数。例如,我们有一个名为 greet 的函数,它接受一个名字参数并返回一条问候消息。我们可以这样导出它:

export default function(name) {
  return `Hello, ${name}!`;
}

在另一个文件中使用默认函数时,我们无需使用函数名称。例如:

import greet from './greetings';

console.log(greet('Alice')); // 输出: Hello, Alice!
导出对象

除了导出函数之外,我们还可以导出包含多个函数和值的对象。例如,我们有三个函数,名为 addsubtractmultiply,我们可以这样导出它们:

export const add = (a, b) => a + b;

export const subtract = (a, b) => a - b;

export const multiply = (a, b) => a * b;

在另一个文件中使用导出的对象时,我们可以使用对象的属性来访问这些函数。例如:

import * as math from './math';

console.log(math.add(2, 3)); // 输出: 5
console.log(math.subtract(5, 2)); // 输出: 3
console.log(math.multiply(2, 3)); // 输出: 6
总结

在Javascript中,我们可以使用多种方式来导出函数,包括导出单个函数、导出多个函数、导出默认函数和导出对象。了解这些不同的方法可以帮助我们更好地组织和管理我们的代码。