关于JavaScript函数return语句与map方法参数的技术疑问

先贴出你提到的函数代码：

function camelize(str) {
  return str
    .split('-') // splits 'my-long-word' into array ['my', 'long', 'word']
    .map(
      // capitalizes first letters of all array items except the first one
      // converts ['my', 'long', 'word'] into ['my', 'Long', 'Word']
      (word, index) => index == 0 ? word : word[0].toUpperCase() + word.slice(1)
    )
    .join(''); // joins ['my', 'Long', 'Word'] into 'myLongWord'
}

疑问1：return为何没有直接返回str，而是能执行后续链式调用？ #

这是JavaScript的链式调用特性，本质是：

• str.split('-')不会修改原字符串，而是返回一个拆分后的新数组
• 这个数组可以直接调用自身的map方法，map执行后同样返回一个处理后的新数组
• 最后调用新数组的join方法，返回拼接好的驼峰字符串
  整个链式调用是把前一个方法的返回值作为下一个方法的调用对象，最终return的是整个链式操作的最终结果（也就是join返回的字符串），而非最初的str。代码里的换行只是为了可读性，不影响逻辑执行。

疑问2：map方法内的箭头函数参数word和index，JavaScript引擎如何识别它们分别对应数组元素和索引？ #

这是因为Array.map()对传入的回调函数有固定的参数顺序规则：

1. 第一个参数：当前遍历到的数组元素
2. 第二个参数：当前元素在数组中的索引
3. 第三个可选参数：原数组本身

你给参数起的word和index只是别名，JS引擎会严格按照这个顺序传递对应的值——哪怕你把第一个参数叫abc，它依然会接收数组元素；第二个参数叫def，依然会接收索引。

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