之前一直都觉得这个方法就是替换呗,结果今天看到了一段代码,第一眼看的时候有点迷茫,再看的时候更迷茫,就稍微研究了一下:
迷茫代码就是当replace方法的第二个参数是一个函数的时候,这个函数的各个参数分别都是什么东西,废话不多说了,上代码:
function toHump(name) {
return name.replace(/(a)(\w)/g, function(all, letter){
console.log(all);
console.log(letter);
console.log(arguments);
return letter.toUpperCase();
});
console.log(toHump('num-bar-center_abc'))
在这段代码中,用正则匹配了字符"a"以及“a”后面的一个字符,那么函数中all和letter又分别是什么呢,看下打印结果:
可以看到函数的参数是一组伪数组,这个伪数组的第一个值是:正则所匹配到的字符串;第二个值是:正则匹配到的字符串的拆分字符串,(这里有点绕,举个例子:如果正则匹配到的字符串是“abc”,那么函数的第一个参数就是"abc",第二个参数就是“a”,第三个参数就是“b”,第四个参数就是“c”,所以这个伪数组的长度取决于正则匹配的长度),后面的数字5这个参数表示的是:匹配的字符串出现的位置,这里位置起始是0;再后面的参数就是被匹配的字符串本身。