fetch的.then回调中隐式传递response给handleErrors的原理是什么？

这是JavaScript函数传递的通用语法规则，同时符合Promise的回调设计规范，不是什么特殊特性。

首先明确Promise.prototype.then的参数规则：它的第一个入参要求是函数类型的成功回调，当Promise变为兑现状态时，会自动调用这个回调函数，并且把Promise的兑现值作为第一个参数传入回调。

你提到的两种写法效果完全等价，区别只在于有没有额外封装一层匿名函数：

• 直接写.then(handleErrors)：你是把handleErrors函数本身作为回调传给then，触发回调时then会自动执行handleErrors(response)，参数会自动传递，完全符合预期
• 你认知中的.then((response) => { handleErrors(response) })：其实是额外包了一层匿名箭头函数当回调，触发时先执行这个匿名函数，再在函数内部手动把参数传给handleErrors，属于冗余的封装，没有额外价值。

你可以用普通的高阶函数逻辑验证这个特性，和Promise无关：

// 模拟高阶函数接收回调、自动传参的逻辑
function execCallback(cb) {
  const testParam = "示例参数"
  cb(testParam)
}

function logParam(val) {
  console.log(val)
}

// 两种写法输出完全一致
execCallback(logParam) // 直接传函数引用，输出「示例参数」
execCallback((val) => { logParam(val) }) // 包一层匿名函数，输出同样结果

只有当你需要给目标函数传递额外自定义参数的时候，才需要额外封装这层匿名函数，示例如下：

// 给handleErrors额外传递自定义配置项
.then(response => handleErrors(response, { enableLog: true }))

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