Проблемы со вторым аргументом простой `replace()`

Question

Я не понимаю, почему этот код не работает должным образом?

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

Это должно быть простейшим решением для обмена дефиса синтаксиса CSS на camelCase.

Answer 1

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

Так, "b" является второй аргумент, переданный replace обратного вызова, первый аргумент весь матч.

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

EDIT было бы более ясно написано так:

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