JavaScript Return 命令

2025 年 4 月 20 日 | 阅读 4 分钟

本文概述了 JavaScript 中的 return 语句。return 语句位于函数执行之后,用于在停止该函数内任何进一步处理的同时返回指定值。在 JavaScript 中,函数必须显式包含 return 语句才能传达其内部表达式的值。此外,当代码中未指定 return 语句时,编译器或解释器会自动从函数返回一个值。函数返回的常见情况是返回给调用它的那个方。

函数可以以两种形式返回其值

语法

在这种情况下,(expression) 是

  • 可选
  • 这是函数将要发送回的值
  • 如果 return 语句中的表达式为空,则该函数返回 undefined。

自动分号插入 (ASI)

这会遵循自动分号插入 (ASI) 规则。这意味着在 return 语句和它可能引用的相应表达式之间没有行终止符。但如果 return 语句声明如下:

如果 return 语句的表示方式如下:

可以通过自动分号插入 (ASI) 改写为:

这将打印一个警告,指示 return 语句之后有不可达代码。

有了这个,为了解决问题并避免 ASI,return 后面的表达式必须放在括号中:

带有图示的 JavaScript return 语句的功能

本文将探讨 return 在 JavaScript 中的工作原理。return 语句主要用于函数内部,用于在结束该函数执行的同时提供一个值。默认情况下,不计算出值的表达式会返回 undefined。

以下是一个如何在 JavaScript 中使用 return 语句的简单示例:

示例:定义一个计算并返回三角形面积的函数。

代码

输出

JavaScript Return Command

示例 1

下面,我们将检查一个简单的 JavaScript return 语句的说明。

代码

输出

JavaScript Return Command

在上述程序中,有一个名为“myFunction”的函数,它接收两个参数并返回它们的和。该函数定义为接受任何数字对输入值,从而返回它们的和的结果。return 语句包含表达式“a1 + a2”,执行加法。此外,此计算的结果使用赋值运算符(“=”)赋给名为“result”的变量。表达式的值然后存储在变量中,该变量随后在每次调用函数时打印出来。

接下来,我们将看看如果我们完全删除 return 语句会发生什么。在这种情况下,我们需要确保我们显式返回表达式的结果;否则,解释器只会从函数中打印出 undefined 输出。

示例 2

代码

输出

JavaScript Return Command

在上述函数中,在计算数字的平方乘以其乘积时没有 return 语句,因为声明的函数是模板。因此,这意味着不会在表达式前放置 return 关键字,并且该表达式的值将因此打印为“undefined”。因此,数字的平方将打印出“undefined”,而不是给出该数字的正确平方值。

本文解释了 JavaScript 中 return 语句的用法如下:

以下是一个演示 return 用于退出 循环的函数的示例。

示例 3

代码

输出

JavaScript Return Command

上面定义了一个名为“example”的函数,其中包含一个 for 循环,它预计会打印一些值。但是,函数中的 return 语句将在找到值 5 时结束循环,尽管循环可以运行到 10。

结论

在上面的部分中,显示 JavaScript 中的 return 语句具有几个不同的功能。

  1. 我们回顾了 return 语句如何导致程序在定义的函数处终止执行。也就是说,在 return 语句处,执行将停止并将从函数调用中获得的值传递出去,该调用包含一个参数或代码,其预期结果应给出一个值。
  2. 我们讨论了当我们忘记在函数中使用 return 关键字并尝试返回值时会发生什么;在这种情况下,函数将返回 undefined。
  3. 自动分号插入 (ASI) 通过建议在 return 关键字和表达式之间不应放置行终止符来影响 return 语句。