javascript - 在一个函数中返回两个变量

Question

这个问题已经有答案了:

Return multiple values in JavaScript? (20 个回答)

已关闭 9 年前。

考虑以下代码 ( demo ):

function test(){
   var h = 'Hello';
   var w = 'World';
   return (h, w);

}

var test = test();

alert(test);

执行函数 test仅返回第二个值(即 'World' )。如何让它返回多个值？

Answer 1

您无法从单个函数显式返回两个变量，但可以通过多种方式连接这两个变量以返回它们。

如果您不需要将变量分开，您可以直接将它们连接起来，如下所示:

function test(){
  var h = 'Hello';
  var w = 'World';
  var hw = h+w 
  return (hw);
}
var test = test();
alert(test);

这会提醒“HelloWorld”。 (如果您想要其中有一个空格，则应该使用 var hw = h+""+w 来代替。

如果需要将两个变量分开，可以将它们放入数组中，如下所示:

function test(){
  var h = "Hello";
  var w = "World";
  var hw=[h,w];
  return hw;
}
var test = test();
alert(test);

这允许 h 和 w 值仍然可以作为 test[0] 和 test[1]< 单独访问，分别。然而，由于alert() 处理数组的方式(即它按顺序打印数组中每个元素的逗号分隔列表)，这里的alert(test) 将显示“Hello,World”。如果您想产生与示例代码相同的输出，则需要使用诸如 join() 之类的东西。 join() 将从数组构造一个字符串，它采用一个参数作为元素之间的分隔符。要重现第一个示例中的两个警报，您需要使用 alert(test.join("")) 和 alert(test.join("")，分别。

我的示例可以通过跳过 hw 变量的创建并直接返回一个数组来稍微缩短。在这种情况下，test() 将如下所示:

function test(){
  var h="Hello";
  var w="World";
  return [h, w];
}

这也可以通过 return { h : h, w : w }; 作为一个对象来完成，在这种情况下，您将分别以 test.h 和 test.w 的形式访问各个变量。