为何赋值setTimeout未主动调用却自动执行回调？其返回值为何为数字？

你遇到的现象完全符合JS运行规则，核心问题是对函数调用时机、setTimeout的设计逻辑存在误解，逐点说明如下：

为什么2秒后回调会自动执行 #

你写的const foo = setTimeout(...)根本不是“把setTimeout函数赋值给foo”，而是在执行这行代码的瞬间，就已经即时调用了setTimeout函数本身。

这和日常写const num = 1 + 2的逻辑没有区别：等号右边的表达式会被即时计算，计算结果存到左边的变量里。

• 只要你在函数名后面带上()和传入的参数，就是对函数的即时执行，和你把执行结果赋值给谁没有任何关系
• setTimeout的设计逻辑本身就是：被调用的瞬间，就把传入的回调注册到事件循环的延迟执行队列里，队列到时间自动运行回调，不需要后续手动触发
• 你全程没有跳过对setTimeout的调用，所以它的注册逻辑正常运行，2秒后打印hello是完全符合预期的

做个直观对比就清楚了：

• 如果写const foo = setTimeout：此时foo存的是setTimeout这个函数本身，没有触发任何调用，不会注册定时器，也不会有回调执行
• 你写的是const foo = setTimeout(回调, 2000)：括号加参数的结构已经触发了setTimeout的执行，赋值只是把这个调用的返回值存下来，和“不调用函数”没有半点关系

为什么foo是数字类型，打印值是2 #

• 所有符合Web标准和Node.js规范的运行时，内部都会维护一个全局的定时器列表。每调用一次setTimeout/setInterval，就会给这个新建的定时器分配一个全局唯一的数字标识（ID）
• 这个数字ID就是setTimeout函数的正式返回值。你存到foo里的从来都不是setTimeout本身，也不是那个打印hello的回调，就是这个用来标记定时器的数字ID
• 你看到的输出值是2，只是因为在运行这段代码之前，运行时已经创建过1个定时器了（比如控制台环境的内置逻辑、页面初始化的逻辑），新创建的这个定时器分配到的ID就是2
• 这个ID的唯一用途是配合clearTimeout(ID)使用：比如执行clearTimeout(foo)，运行时就会从内部列表里找到对应ID的定时器并移除，到时间了也不会执行对应的回调

如果只想把回调逻辑存到变量里不自动执行，该怎么写 #

核心原则是：不要在定义变量的位置就触发setTimeout的即时调用，根据不同使用场景有两种常见写法：

• 场景1：只是想把“打印hello的逻辑”存成独立函数，不涉及延迟执行

  // 此时foo就是那个回调函数本身，不会自动执行
  const foo = () => console.log('hello')
  // 想执行的时候手动调用foo()即可
  

• 场景2：想把“延迟2秒打印hello”的整套逻辑存成函数，需要触发的时候再启动定时器

  // 此时foo是一个普通的包装函数，不会立刻注册定时器
  const foo = () => setTimeout(() => console.log('hello'), 2000)
  // 想启动定时器的时候手动调用foo()，执行后才会拿到对应的数字ID
  

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