浅谈jQuery中replace()方法
今天在读jquery源码时，发现一个以前自己不曾注意过得问题，就是replece()的第二个参数为函数时的问题，以前只是知道replace()的第二个参数可以为函数，但是不知道该怎么操作，今天看到源码里用到了函数作为replace()的第二个参数时，感觉自己读起来比较吃力，于是准备整理下这个函数...
语法
stringObject.replace( regexp/substr, replacement)
返回值
返回一个新的字符串，是用replacement替换了regexp的第一次匹配或所欲匹配之后得到的
当replace()方法的参数replacement是函数时，在这种情况下，每个匹配都调用该函数，函数返回的字符串作为替换文本使用。该函数的第一个参数是匹配模式的字符串。接下来的参数是与模式中的子表达式匹配的字符串，可以有0个或多个这样的参数。接下来的参数是一个整数，声明了匹配在stringObject中出现的位置。最后一个参数是stringObject本身。这席话是抄至w3cschool，对于现在的我来说以上的那段话我看着不是很明白，也不能用自己的话来简单描述下，所以只能用实例来说明这一切
var string = "abc123-ii";
string.replace(/(\d)-([\da-z])/g,function( str1, str2, str3,str4,str5){
console.log( str1 );// 3-i
console.log( str2 );// 3(第一个捕获)
console.log( str3 );// i(第二个不捕获组)
console.log( str4 );// 5(匹配在string中出现的位置)
console.log( str5 );// abc123-ii（string本身）
return "I";
})
以上是今天我在看jquery源码
camelCase: function( string ) {
return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
},
fcamelCase = function( all, letter ) {
return letter.toUpperCase();
};
时所引发的一些不明白，感觉现在自己对这个函数懂了的样子
然后现在我又想起不知道在以前什么时候，自已在用repleace()所遇到的对于那时的我来说是怪符号，形如“$1,$2”等等。现在夜来对这一问题来做一个解答了
$1，$2, $3.....表示捕获1，2，3....
var string = "abc123-ii";
console.log(string.replace(/(\d)-([\da-z])/g, "$1")); // 用捕获组1(3)去替换/(\d)-([\da-z])/g
$&表示与regexp相匹配的子串
var string = "abc123-ii";
console.log(string.replace(/(\d)-([\da-z])/g, "$&")); // 用与regexp相匹配的字串(3-i)去替换/(\d)-([\da-z])/g
$`表示位于匹配子串左侧的文本
var string = "abc123-ii";
console.log(string.replace(/(\d)-([\da-z])/g, "$`")); // 用匹配字串左侧的文本（abc12）去替换/(\d)-([\da-z])/g
$'表示位于匹配子串右侧的文本
var string = "abc123-ii";
console.log(string.replace(/(\d)-([\da-z])/g, "$‘")); // 用位于匹配字串右侧的文本去替换/(\d)-([\da-z])/g
$$直接为$符号
var string = "abc123-ii";
console.log(string.replace(/(\d)-([\da-z])/g, "$$")); // 用$符号去替换/(\d)-([\da-z])/g
以上是自己对于replace（）方法使用不明确的地方，本人前端小白，如果有写的不对的地方，或者有关于此方法更好用法的实例希望各位看官能够分享...
以上所述就是本文的全部内容了，希望大家能够喜欢。
上一篇：如何确保JavaScript的执行顺序 之jQuery.html深度分析
栏 目：jquery
下一篇：常用的jquery模板插件――jQuery Boilerplate介绍
本文标题：浅谈jQuery中replace()方法
本文地址：http://www.codeinn.net/misctech/45735.html
