如何使用JavaScript预定义全局变量的原型函数及注入的toCamelCase函数？

嘿，我来帮你把这几个问题理清楚，一步步来：

一、如何使用预定义全局变量的原型函数？ #

JavaScript里的预定义全局对象（比如String、Array、Number这些）的原型上挂载了很多内置方法，所有该类型的实例都能直接调用这些方法。举个例子：

• 对于字符串，你可以直接调用String原型上的toUpperCase()、trim()这些方法：

  const str = 'hello';
  console.log(str.toUpperCase()); // 输出 'HELLO'
  console.log(str.trim()); // 如果是'  hello  '就会输出'hello'
  

• 原理是：每个字符串实例都会继承String.prototype上的方法，所以你不需要手动去“获取”原型，直接用实例调用就行。

二、如何使用注入到预定义变量的自定义函数？ #

你写的String.prototype.toCamelCase就是给String原型注入自定义方法的例子，但这里有个小问题：原型方法里的this指向当前的字符串实例，所以不需要额外传str参数。我先帮你修正代码：

String.prototype.toCamelCase = function() {
  return this
    .replace(/\s(.)/g, function($1) { return $1.toUpperCase(); })
    .replace(/\s/g, '')
    .replace(/^(.)/, function($1) { return $1.toLowerCase(); });
}

现在你就可以像用内置方法一样调用它了：

const originalStr = 'Hello World Example';
const camelCaseStr = originalStr.toCamelCase();
console.log(camelCaseStr); // 输出 'helloWorldExample'

简单说，给预定义对象的prototype属性添加方法后，该对象的所有实例都能直接调用这个自定义方法，和使用内置原型函数的方式完全一致。

三、函数中$1参数的作用是什么？ #

这里的$1其实是你给函数参数起的名字，它对应正则表达式里的第一个捕获组的内容。

在replace()方法中，如果第二个参数是函数，这个函数的参数会依次对应：

1. 整个匹配到的字符串
2. 第一个捕获组（用括号()包裹的部分）的内容
3. 第二个捕获组的内容，以此类推...

比如你的正则/\s(.)/g，括号里的(.)就是第一个捕获组，它会匹配空格后面的任意单个字符。当replace执行时，每次匹配到符合规则的内容，函数的第一个参数（你命名为$1）就会拿到这个捕获组的内容（也就是空格后的那个字符）。

你也可以把参数名改成更清晰的名字，比如matchGroup1，效果是一样的：

.replace(/\s(.)/g, function(matchGroup1) { 
  return matchGroup1.toUpperCase(); 
})

另外补充一点：在replace()的字符串参数中，$1是一个特殊占位符，直接代表第一个捕获组的内容，但在函数参数里，$1只是一个普通的变量名——只是大家习惯用它来指代捕获组，让代码更直观而已。

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