JavaScript双箭头点击处理函数用法及等价普通函数转换问题咨询

问题1：为何采用双箭头写法？是否可以替换为单箭头写法？ #

不可以直接替换，核心原因和事件处理函数的绑定逻辑相关：

• 双箭头写法是**高阶函数（柯里化）**设计，调用select(num)时不会立刻修改value，只会返回一个新的匿名函数，这个返回的函数才是实际绑定到点击事件上的处理逻辑，只有点击触发时才会执行value += num的操作，同时能通过闭包永久保留住传入的num参数，非常适合事件绑定场景下需要自定义传参的需求。
• 如果替换为你提到的const select = (num) => value += num;写法，当你在绑定事件时执行select(参数)，会在绑定阶段就直接执行value += num的逻辑，且会把执行后的数值结果作为事件处理函数，后续点击事件触发时根本无法执行任何有效操作，完全不符合预期。

问题2：对应的普通函数写法是什么？ #

你给出的箭头函数等价于以下普通函数写法：

const select = function(num) {
  return function() {
    value += num;
  };
};

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