带/不带括号引用函数参数的差异解析及相关疑问解答

先解答你最疑惑的点：示例1为啥没写two()、one()却能拿到结果？ #

在JavaScript里，函数名本身就是指向该函数的引用（可以理解为这个名字代表了函数这个“实体”本身）。示例1里calculate(two, one)是把two和one这两个函数直接传给了calculate，并没有执行它们。真正触发函数执行、拿到返回值的地方是在calculate内部：initialValue()和incrementValue()这两行代码通过加()，调用了传入的函数，拿到2和1后计算出2+1+1=4。

两段代码的具体区别 #

1. 参数传递的本质不同 #

• 示例1：传给calculate的是函数对象本身（two和one是函数的“身份标识”，不是执行后的结果）
• 示例2：传给calculate的是函数执行后的返回值（two()会立即执行函数得到2，one()立即执行得到1，相当于直接调用calculate(2, 1)）

2. 函数内部的处理逻辑不同 #

• 示例1：calculate的参数是函数，必须在内部通过加()调用这些函数，才能获取到返回值进行计算
• 示例2：calculate的参数已经是具体数值，直接做加法运算即可

3. 适用场景不同 #

• 示例1的写法适合延迟执行函数、多次重复调用同一函数，或者函数返回值动态变化的场景。比如把one改成返回随机数：

  function one() {
      return Math.floor(Math.random() * 10);
  }
  

  示例1里incrementValue()调用两次会得到两个不同的随机数，而示例2里one()只执行一次，两次用的是同一个随机数。
• 示例2的写法更直接，适合你确定要使用函数固定返回值、不需要延迟执行的场景。

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