JavaScript | 从函数返回多个值

在 JavaScript 中，默认情况下，一个函数只能返回一个值，但在某些情况下，我们需要从函数中返回多个值。这时候，我们有几种方法可供选择。

方法一：使用数组

我们可以使用数组来返回多个值。在函数中，我们可以将需要返回的值存储在一个数组中，然后通过 return 语句将数组返回。下面是一个示例：

function calculate(x, y) {
  var sum = x + y;
  var diff = x - y;
  var product = x * y;
  var quotient = x / y;

  return [sum, diff, product, quotient];
}

var result = calculate(5, 3);
console.log(result); // [8, 2, 15, 1.6666666666666667]

在上面的例子中，我们定义了一个名为 calculate 的函数，用于计算两个数字的和、差、积和商。这个函数将这些值存储在一个数组中，并通过 return 语句返回该数组。我们可以将函数的返回值存储在一个变量中，然后访问该变量来查看计算结果。

方法二：使用对象

除了使用数组外，我们还可以使用对象来返回多个值。在函数中，我们可以将需要返回的值存储在一个对象的属性中，然后通过 return 语句返回该对象。下面是一个示例：

function calculate(x, y) {
  var sum = x + y;
  var diff = x - y;
  var product = x * y;
  var quotient = x / y;

  return {
    sum: sum,
    diff: diff,
    product: product,
    quotient: quotient
  };
}

var result = calculate(5, 3);
console.log(result); // {sum: 8, diff: 2, product: 15, quotient: 1.6666666666666667}

在上面的例子中，我们定义了一个名为 calculate 的函数，用于计算两个数字的和、差、积和商。这个函数将这些值存储在一个对象的属性中，并通过 return 语句返回该对象。我们可以将函数的返回值存储在一个变量中，然后访问该变量的属性来查看计算结果。

方法三：使用解构赋值

在 ES6 中，我们可以使用解构赋值来从函数中返回多个值。在函数中，我们可以将需要返回的值存储在一个数组或对象中，然后使用解构赋值将这些值分配给变量。下面是一个示例：

function calculate(x, y) {
  var sum = x + y;
  var diff = x - y;
  var product = x * y;
  var quotient = x / y;

  return [sum, diff, product, quotient];
}

var [a, b, c, d] = calculate(5, 3);
console.log(a, b, c, d); // 8 2 15 1.6666666666666667

function calculate2(x, y) {
  var sum = x + y;
  var diff = x - y;
  var product = x * y;
  var quotient = x / y;

  return {
    sum: sum,
    diff: diff,
    product: product,
    quotient: quotient
  };
}

var { sum, diff, product, quotient } = calculate2(5, 3);
console.log(sum, diff, product, quotient); // 8 2 15 1.6666666666666667

在上面的例子中，我们定义了名为 calculate 和 calculate2 的两个函数，用于计算两个数字的和、差、积和商，并且分别使用数组和对象来存储这些值。然后，在代码中使用解构赋值将这些值分配给变量，并将它们打印出来。