JavaScript Return 语句使用注意事项

frankxu

Return 语句使用注意事项

JavaScript 默认是在代码的最后一行自动结束。

以下两个实例返回结果是一样的(一个有分号一个没有):

实例 1

1. function myFunction(a) {
   
2.     var power = 10  
   
3.     return a * power
   
4. }

复制代码

实例 2

1. function myFunction(a) {
   
2.     var power = 10;
   
3.     return a * power;
   
4. }

复制代码

JavaScript 也可以使用多行来结束一个语句。

以下实例返回相同的结果:

实例 3

1. function myFunction(a) {
   
2.     var
   
3.     power = 10;  
   
4.     return a * power;
   
5. }

复制代码

但是，以下实例结果会返回 undefined：实例 4

1. function myFunction(a) {
   
2.     var
   
3.     power = 10;  
   
4.     return
   
5.     a * power;
   
6. }

复制代码

为什么会有这样的结果呢？因为在 JavaScript 中，实例 4 的代码与下面的代码一致：

1. function myFunction(a) {
   
2.     var
   
3.     power = 10;  
   
4.     return;       // 分号结束，返回 undefined
   
5.     a * power;
   
6. }

复制代码

解析

如果是一个不完整的语句，如下所示:

1. var

复制代码

JavaScript 将尝试读取第二行的语句：

1. power = 10;

复制代码

但是由于这样的语句是完整的:

1. return

复制代码

JavaScript 将自动关闭语句:

1. return;

复制代码

在 JavaScript 中，分号是可选的 。

由于 return 是一个完整的语句，所以 JavaScript 将关闭 return 语句。