高阶函数链式调用咨询：箭头函数参数性质与调用原理疑问

先拆解你给出的代码，它是典型的柯里化函数写法，用ES6箭头函数的简写实现了多层嵌套：

const someFunction = sth => sth1 => sth2 => {
  // do something if needed
}

关于sth、sth1、sth2的本质 #

它们全都是函数参数，并非普通值。上面的箭头函数等价于传统的嵌套函数写法：

const someFunction = function(sth) {
  return function(sth1) {
    return function(sth2) {
      // 最终逻辑执行处
    }
  }
}

每一层函数只接收一个参数，接收完成后返回下一层等待参数的函数，只有当所有参数都传入完毕，才会进入最内层的函数体执行逻辑。

它们不能同时兼具“参数”和“普通值”的特性——只有当你调用对应层级的函数时，这些形参才会被赋值为你传入的实参。举个调用示例：

• 执行someFunction('foo')：sth被赋值为'foo'，返回一个等待接收sth1的函数；
• 接着执行someFunction('foo')('bar')：sth1被赋值为'bar'，返回等待接收sth2的函数；
• 最后执行someFunction('foo')('bar')('baz')：sth2被赋值为'baz'，进入最内层函数体执行代码。

这种分步调用的工作机制 #

核心依赖两个JavaScript特性：

1. 高阶函数：函数可以作为返回值。每一层函数执行后，返回的不是结果，而是下一个等待参数的函数；
2. 闭包：内层函数可以访问外层函数作用域中的变量。每一步传入的参数会被闭包“记住”，直到最内层函数执行时，所有之前传入的参数都能被访问到。

举个实际的应用例子，用这个结构实现一个拼接字符串的函数：

const buildString = prefix => middle => suffix => `${prefix}-${middle}-${suffix}`;
console.log(buildString('hello')('world')('!')); // 输出 "hello-world-!"

这里prefix、middle通过闭包被保存，直到传入suffix后，才完成字符串拼接。

这种写法的实用场景 #

• 部分参数复用：比如预先固定prefix='hello'，得到一个新函数helloString = buildString('hello')，之后调用helloString('foo')('bar')就可以快速生成以hello开头的字符串；
• 适配函数式编程场景：很多函数式方法（如Array.prototype.map）只接收单参数函数，柯里化可以把多参数函数转换成符合要求的形式；
• 代码逻辑拆分：把复杂的多参数逻辑拆成分步传入，让代码更具可读性和声明式风格。

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