如何在if/else分支内使用return语句直接终止并退出整个函数？

首先明确：JavaScript 中函数内部任意位置执行 return 语句，都会立即终止当前整个函数的执行，不会再执行当前return之后的同层级函数代码。你遇到的return后后续代码仍然运行的问题，基本是以下两种常见原因导致的： #

1. if 分支判断条件未触发 #

你写的代码中if (param)的param实际值为假值（比如undefined、null、false、0、空字符串等），导致if分支根本没有进入，return语句从未执行，自然会继续走后续代码。
你可以通过添加日志确认分支是否触发：

function test(param){
   if (param){
      console.log('if分支成功触发')
      return
   }
   console.log('后续代码执行了')
}

// 测试
test(1) // 仅输出「if分支成功触发」，后续代码不会执行
test(0) // 不进入if分支，仅输出「后续代码执行了」

2. return 写在了嵌套的子函数中 #

这是最常见的错误场景：如果你在if块内部嵌套了其他函数（比如回调函数、箭头函数、定时器回调等），把return写在了子函数内部，这个return只会终止子函数的运行，不会影响外层的父函数。
错误示例：

function test(param){
   if (param){
      // 定时器回调是独立的子函数
      setTimeout(function() {
        return // 仅终止这个回调函数，对外层test函数无效
      }, 0)
   }
   // 这里的代码必然会执行
   console.log('后续代码执行了')
}

如果是这种场景，可以通过标记变量的方式控制外层函数逻辑：

function test(param){
   let isStop = false
   if (param){
      // 同步场景直接赋值，异步场景需要等待异步逻辑执行完成再判断
      isStop = true
   }
   if (isStop) return
   console.log('后续代码执行了')
}

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