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

Question

考虑以下代码（演示）：

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(test) 将显示“Hello,World”，因为 alert() 处理数组的方式（即，它按顺序打印数组中每个元素的逗号分隔列表）。如果您想产生与示例代码相同的输出，则需要使用类似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 的形式访问各个变量。

Answer 2

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

var test = test();

alert(test.h);
alert(test.w);

一种简单的方法是返回包含多个键值对的 Object。

Answer 3

逗号运算符计算每个操作数，然后返回最后一个操作数的值。

您需要返回一个数组：

return [h, w];

...或一个对象：

return { h : h, w : w };

然后您将其用作：

var test = test();
alert(test[0]); // "hello" - in the case of the array version

...或者：

var test = test();
alert(test.w); // "world" in the case of the object version

Answer 4

您可以返回一个数组或一个新对象。