JavaScript中try/catch块直接返回值与先初始化再返回的差异

首先明确：在当前代码的执行逻辑下，两段代码的返回结果完全一致——当mbox.param('subjects')执行成功时，都会返回该方法的结果；当执行抛出异常时，都会返回空字符串''。

但两者存在以下底层差异：

1. 变量声明与提升的区别 #

因为两段代码都使用了var声明变量，而var存在变量提升特性：变量的声明会被提升到当前作用域（这里是整个代码块的顶部），但初始化逻辑留在原地。

• 片段1中，subjects仅在try块内声明，提升后整个作用域都存在这个变量。如果进入catch块，subjects的值是undefined，但代码直接返回''，不会用到这个变量。
• 片段2中，catch块里的var subjects = ''其实是重复声明，由于var的特性，这个声明会被合并到作用域顶部，实际执行时只是给已存在的subjects变量赋值为空字符串，再返回它。

2. 后续代码的潜在影响 #

虽然当前代码在return后就结束执行，不会暴露差异，但如果后续代码有修改（比如return后还有逻辑用到subjects）：

• 片段1的catch块执行后，subjects的值是undefined
• 片段2的catch块执行后，subjects的值是空字符串''

3. 代码风格与冗余度 #

片段1的写法更简洁高效，直接返回目标值，没有多余的变量赋值操作；片段2的写法存在冗余——catch块里的var声明完全没必要，直接返回''即可达到相同效果。

另外，从现代JavaScript最佳实践来说，建议用let或const替代var，可以避免变量提升带来的混淆，让变量的作用域更清晰。

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