前 言

闲来无事，也学学大神，研究下Vue源码，这一研究感觉自己弱爆了，好多基础的东西都不知道，本篇文章主要为了自己记录学习，如果能让同道中人有所提高，自是最好。

javaScript中的replace方法

源码先贴出来：

/**
 * Camelize a hyphen-delimited string.
 */
var camelizeRE = /-(\w)/g;
var camelize = cached(function (str) {
  return str.replace(camelizeRE, function (_, c) { return c ? c.toUpperCase() : ''; })
});

看到第二个参数我直接查了一下文档，replace的语法是这样的：
stringObject.replace(regexp/substr,replacement)
stringObject不用说，就是个字符串；

1. replace方法的第一个参数分两种情况：

• substr（字符串）；
• regexp（正则表达式）

2. replace方法的第二个参数也分两种情况：

• 字符串（常见用法，不多说）；
• 函数（本篇重点）：
  看例子，再总结：

let str = 'my-string';

str.replace('my', (...rest) => {
  console.log(...rest);  // my 0 my-string
  return '*';
})
// *-string

str.replace(/string/g, (...rest) => {
  console.log(...rest);  // string 3 my-string
  return '*'
})
// my-*

/**
 * 特殊情况
 */
str.replace(/-(\w)/g, (...rest) => {
  console.log(...rest);  // -s s 2 my-string
  return '*';
})
// my*tring

如果你对上文中 rest参数 有疑惑，请移步这里。

当replace方法第二个参数为一个函数时，此时函数有三个参数，分别为匹配字符串，匹配字符串最小索引以及原字符串；
特殊情况 - 如果第一个参数是正则表达式并且正则表达式中标记了子表达式（即使用了括号），此时函数有四个参数，分别为匹配字符串，正则表达式中子表达式匹配到的字符串，匹配字符串最小索引以及原字符串。

扩 展

生性多疑的我，此时在想，如果正则表达式中标记多个子表达式时会是什么情况呢？哪位大家不是说过嘛，“实践是检验真理的唯一标准”，我们操练起来：

let str = 'my-test_String';

str.replace(/(-)(\w)/g, (...rest) => {
  console.log(...rest);  // -t - t 2 my-test_String
  return '*';
})
// my*est_String

原来当正则表达式中标记了多个子表达式时，对应的，从第二个参数开始，函数参数依次是正则表达式每个子表达式匹配的字符串，然后是匹配字符串的最小索引，最后是原字符串。

看到这里你就会明白上面的源码其实就是把用 ‘-’ 连接的字符转为驼峰命名的形式。