JavaScript return 语句 (带示例)

return 语句用于将特定值从函数返回给函数调用者。当调用 return 语句时，函数将停止执行。return 语句应该是函数中的最后一个语句，因为 return 语句之后的代码将是不可达的。

我们可以使用 return 语句返回原始值（如布尔值、数字、字符串等）和对象类型（如函数、对象、数组等）。

我们还可以使用 return 语句返回多个值。这不能直接完成。我们必须使用 数组 或 对象 从函数返回多个值。

语法

上面语法中的 expression 是返回给函数调用者的值。它是可选的。如果未指定 expression，则函数返回 undefined。

不允许在 return 关键字和值之间使用行终止符。我们可以通过以下行来理解这一点。假设我们正在编写 return 语句如下：

然后，它将被转换成：

在 return 语句之后会自动插入分号。return 语句之后编写的代码（x + y;）将被视为不可达代码。

我们可以使用括号来防止此问题。可以这样编写：

现在，让我们通过一些示例来了解如何在 JavaScript 中使用 return 语句。

示例 1

这是一个使用 return 语句的简单示例。在这里，我们返回两个数字乘积的结果，并将值返回给函数调用者。

变量 res 是函数调用者；它调用函数 fun() 并将两个整数作为函数的参数传递。结果将存储在 res 变量中。在输出中，值360 是参数12 和30 的乘积。

输出

执行上述代码后，输出为：

示例 2

在这里，我们使用 return 语句中断函数。当调用 return 语句时，函数将立即停止执行。

有一个无限的 while 循环和一个初始化为 1 的变量 i。循环继续直到 i 的值达到 4。当变量的值为 4 时，由于 return 语句，循环停止执行。循环之后的语句将永远不会被执行。

在这里，return 语句未使用 expression，因此返回 undefined。

输出

执行上述代码后，输出将是 -

现在，我们将看到如何使用 return 语句返回多个值。通常，JavaScript 函数返回一个值，但我们可以通过使用 数组 或 对象 来返回多个值。要返回多个值，我们可以将值打包为对象的属性或数组元素。

示例 3 - 使用数组返回多个值

在此示例中，我们使用 Array 返回多个值。在这里，我们使用 ES6 Array 解构 语法来解包数组的值。

输出

示例 4 - 使用 object 返回多个值

在此示例中，我们使用 Object 返回多个值。在这里，我们使用 ES6 Object 解构 语法来解包对象的值。

输出