javascript - 简单 `replace()` 的第二个参数的问题

Question

我不明白，为什么这段代码不能正常工作？

"a-b".replace(/-(\w)/g, p1 => p1.toUpperCase()); // "a-B", instead of "aB"

它必须是在 camelCase 上交换 CSS 的连字符语法的最简单的解决方案。

Answer 1

(/-(\w)/g).exec("a-b")
// [ "-b", "b" ]

因此，"b" 是传递给 replace 回调的第二个参数，第一个参数是整个匹配项。

"a-b".replace(/-(\w)/g, (p1, p2) => p2.toUpperCase())
// "aB"

编辑这样写会更清楚:

"a-b".replace(/-(\w)/g, (match, p1) => p1.toUpperCase())
// "aB"