javascript正则表达式实现trim()疑惑

正在看　javascript高级程序设计　,其中关于分组里面的一句代码不是太理解:
通过配合使用String对象的replace()方法及反向引用，就可以定义自己的trim()方法:
String.prototype.trim = function() {
var reExtraSpace = /^\s+(.*?)\s+$/;
return this.replace(reExtraSpace,"$1");
}
 
一开始怎么也不理解 trim() 方法是怎么起作用的
var sTest = " this is a test ";
alert("[" + sTest + "]"); //outputs " [ this is a test ] "
alert("[" + sTest.trim() + "]"); outputs " [this is a test] " 
后来查了一下　javascript 里面 StringObject 的 replace(regexp,replacement)
方法的第二个参数replacement里面的"$"特殊含义：
$n表示第 n 个子表达式 , 也就是 .*?
原来分组就是正则表达式的子表达式