Return Statement 没有达到我的预期

Question

这里是代码。

print(5);

function print(n) {
  if (n == 0) {
    return;
  }
  print(n - 1); //call function recursively  
  console.log(n);
}

我希望在 return 语句之后 console.log(n) 会输出零 (0)，因为这是我调用 return 语句时 n 的值。相反，它返回 1 - 5 ??? Return 只调用了一次，所以谁能解释这里发生了什么？

Answer 1

print 函数仍然被调用了五次。 n 的值不会传播到之前的调用。

return 语句不会结束整个递归调用链。在调用退出函数的行中的 return 语句之后继续执行。

如果您希望某些代码在递归函数中只执行一次，请将其放在 if 分支中的 return 之前：

function print(n) {
  if (n == 0) {
    console.log(n);
    return;
  }
  print(n - 1); //call function recursively  
}

Answer 2

在你的代码中有一个隐式返回，把函数想象成这样：

function print(n){
    if(n==0){
      return ;
    }  
    print(n-1); //call function recursively  
    console.log(n);
    return undefined;
  }
   

所以当print(n-1) 被4 调用时，它会向下递归直到你得到0 的值。然而，在那之后，调用函数将记录n 值。

基本上你的 return 只返回给调用者，它不会完全展开调用堆栈并防止 console.log 被调用。它看起来像这样：

print(n-1); // called with 4
  print(n-1); // called with 3
    print(n-1); // called with 2
      print(n-1); // called with 1
        print(n-1); // called with 0
        return;
      console.log(n) // 1 
    console.log(n) // 2
  console.log(n) // 3
console.log(n) // 4
console.log(n) // 5