JS闭包返回值问题：为何获取子函数结果需先赋值再调用

这不是JavaScript的硬性语法规定，纯粹是没捋顺返回值的实际内容，先看你给出的闭包示例代码：

function parentFunction(a, b) {
    function childFunction() {
        return a + b;
    }
    return childFunction;
}

仔细看return childFunction这一行：childFunction后面没有跟执行括号()，这行代码的意思是把childFunction这个函数对象本身作为返回值抛出，从头到尾都没有执行childFunction内部的a+b计算逻辑。

两种写法的实际执行差异 #

我们分别拆解你提到的两种调用逻辑：

• 写法1：先赋值再调用

  let test = parentFunction(1, 2)
  console.log(test())
  

  第一行执行parentFunction(1,2)时，只是创建了一个记住了a=1、b=2上下文的childFunction闭包，把这个函数对象赋值给了变量test，这一步完全没有触发加法计算。直到第二行写test()，给变量存的函数加了执行括号，才真正运行childFunction内部的逻辑，返回a+b的计算结果3。
• 写法2：直接打印parentFunction调用结果

  console.log(parentFunction(1, 2))
  

  这行代码里parentFunction(1,2)拿到的只是返回的childFunction函数对象本身，没有加执行括号就不会运行内部逻辑，所以控制台只会打印出函数的文本内容，类似ƒ childFunction() { return a + b; }，当然拿不到运算结果。

你对“中间变量”的认知误区 #

中间赋值步骤根本不是必须的，不存在“必须存到变量里才能调用”的规则。你只要给parentFunction的返回值补上执行括号，哪怕不用中间变量，一样能直接拿到计算结果：

// 完全可以正常输出3，和赋值给变量再调用的执行逻辑没有区别
console.log(parentFunction(1,2)())

之所以很多闭包示例会把返回的函数赋值给变量，是因为闭包的核心价值之一就是持久保留词法作用域的上下文状态：把闭包存到变量后，你可以反复调用这个函数，它始终会记住当初传入parentFunction的参数值，不用重复传参；如果每次都写parentFunction(1,2)()，每次调用都会重新创建一个全新的childFunction，虽然单次计算结果一致，但没法复用已经绑定好上下文的函数，失去了闭包复用状态的意义。

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