JavaScript return语句

1. 基本概念

1.1 语句作用

return语句用于终止一个函数的执行，同时将一个返回值返回给这个函数的调用者。因此，return语句必须要被包含在函数之中；否则，程序就会出错。如果没有为return语句指明它的返回值，那么它就默认返回undefined。

如果一个函数中没有显式的写明return语句，那么在函数执行时JavaScript会在该函数执行流程的末尾自动添加一条未指明返回值的return语句。return语句也可以被添加在函数的前面部分，这通常用于当满足某个条件时而提前退出函数。

1.2 语法结构

return语句的语法结构如下所示：

return [expression];

其中expression可以是JavaScript中任意合法的表达式，它的计算结果就是return语句的返回值，在函数终止的时候会被返回给该函数的调用者。如果省略了expression，那么return语句的返回值就默认为undefined。

如果要显式指明expression，那么它和return关键字必须写在同一行上，即它们之间不能有换行符。否则，JavaScript会自动在return关键字的后面添加分号。此时，该return语句其实是一个未指明返回值的return语句，而expression在return语句之后永远都不会被执行到。

2. 示例

2.1 指明返回值

示例代码2.1-1

以上代码的执行结果如下图所示。我们用实参9调用函数twice()，它先计算9的两倍然后再返回该结果，随后该返回值被赋值给了变量value1。第10行的代码打印出value1的值，可以看到它的值确实为18。

该示例中的twice()函数还可以简写为下面的形式，即计算两倍的表达式被包含在return语句中，它的结果被直接返回。这样就不需要先声明一个变量临时保存计算结果，再用return语句返回该变量。

示例代码2.1-2

2.2 省略返回值

示例代码2.2

从下图的执行结果中我们可以看到，首先打印出了字符串"执行函数abc()."，说明函数abc()确实被执行了。第10行的代码打印出的变量value2的值为undefined，这正是return语句的默认返回值。

2.3 省略return语句

示例代码2.3

下图中的执行结果表明，该示例和上一个例子的执行结果完全一致（除了变量被命名为value3之外）。该例子的成功执行表明，当一个函数的执行流程的最后一条语句是没有显式指定返回值的return语句时，该return语句可以被省略。

当一个函数的执行流程的最后缺少return语句的时候，JavaScript会自动在该执行流程的最后添加一条没有返回值的return语句，当然该函数的返回值就为undefined了。

2.4 return语句不能在函数之外

示例代码2.4

以上代码的执行结果如下图所示，我们可以看到浏览器明确指出第3行的return语句是错误的。

2.5 提前终止函数

return语句不一定非要是函数的最后一条语句，它也可以处于函数的前面或中间，用于提前终止函数的执行。示例代码如下所示：

示例代码2.5

我们使用实参0调用函数opposite()，当实参为0的时候，会执行if语句中的代码。它首先打印字符串"0的相反数是它自身。"，然后遇到语句return 0;。这条return语句提前终止函数的执行，并返回0。因此，if语句后面的那一条打印语句和return -x;均不会被执行。下图中的执行结果正印证了这一执行流程。

这个例子也说明了一个函数可以包含多个return语句，用于根据不同的情况而退出函数。

2.6 自动添加分号

示例代码2.6-1

该示例的执行结果如下图所示，可以看到第11行打印出的变量value5的值为undefined，而不是我们原本期望的数字18。这是怎么回事呢？

这个示例和第一个例子唯一的不同就是我们把return语句拆成了两行，return关键字和它的返回值result被写在了不同的行上。在其它编程语言或者JavaScript的某些其它语句中，这样的拆行不会对原程序有任何影响。

但JavaScript的return语句是个例外，在本文的开头我们就说过如果return关键字和它的返回值之间有换行符的话，JavaScript会自动在return关键字之后插入一个分号，此时该return语句的意义就和我们所期望的不同了。

这样自动插入分号的结果就会让该示例中的twice()函数实际等同于下面的代码。此时无论传递的参数是多少，return语句都会提前终止函数并默认返回undefined，而变量result始终都不会被返回。

示例代码2.6-2

如果你真的想要将return语句写在多行上，那么你可以将返回值用括号括起来。但请一定要注意，此时左括号也必须要和return关键字写在同一行上，就像下面的代码这样：

示例代码2.6-3

（完）