为何JavaScript中finally的return语句会覆盖try中的return语句？

我完全懂你这种困惑——本来想用finally让代码更简洁，结果反而出现了意料之外的输出，这种反差确实让人挠头。咱们一步步拆解这个问题：

1. JavaScript中finally的执行核心规则 #

在JS里，finally块的本质特性就是：无论try或catch块里发生了什么（包括return、throw、break/continue这类控制流语句），finally里的代码一定会执行。

但这里藏着一个容易踩坑的细节：如果finally块里也包含了return（或者throw）语句，它会直接覆盖try/catch块里的return（或throw）结果。

拿你的示例代码来说：

function func() { 
  try { 
    return true; 
  } finally { 
    return false; 
  } 
}
console.log(func()); // 输出false

它的实际执行流程是：

• 进入try块，执行return true——此时true会被暂存，但函数并不会立刻完成返回
• 强制跳转到finally块执行，里面的return false会直接丢弃之前暂存的true，函数最终以false作为返回值结束

2. 你对finally的理解误区 #

你提到觉得finally的代码是“放在try部分末尾以及catch部分末尾”，这其实是把编译型语言（比如Java、C++）的认知直接迁移到JS上了，但两者的finally执行逻辑有个关键区别：

在编译型语言里，finally的代码确实是被“内联”到try/catch的出口处，如果finally里没有return，之前的返回值会保留；但在JS里，一旦finally里出现return，它会直接接管函数的执行控制权，完全忽略try里已经准备好的返回值。

简单来说，你的误区在于：误以为finally只是补充执行清理代码，不会改变函数的返回结果，但实际上finally里的return会直接终止原有的返回流程。

3. 更安全的finally使用姿势 #

如果你只是想在try执行完后做一些清理操作（比如关闭资源、清除定时器），同时保留try的返回值，那finally里绝对不要写return语句。比如你的初始代码其实是更稳妥的选择：

function func() { 
  try { 
    return true; 
  } catch (error) { 
    // 按需处理错误
  } 
  return false; 
}

如果一定要用finally做清理，可以调整成这样：

function func() { 
  let result = false;
  try { 
    result = true;
    return result; 
  } finally { 
    // 这里只做清理操作，比如：
    // clearTimeout(timer);
    // 绝对不要写return！
  } 
}

这样既能利用finally完成必要的收尾工作，又不会干扰try块的返回逻辑。

内容的提问来源于stack exchange，提问作者goodvibration