本文深入解析JavaScript中replace()方法第二个参数为函数时的行为机制。当替换值为函数时，该函数会被调用并接收多个参数，包括匹配字符串、捕获组、偏移量及原字符串。通过对比普通字符串与全局正则表达式的执行差异，阐明参数传递的具体规则及exec()返回数组的对应关系。
JavaScript replace() 函数参数机制概述
在JavaScript中，当replace()方法的第二个参数被指定为函数时，其参数传递机制具有特定规则。
replace() 基础替换示例
replace()方法用于执行字符串替换操作，它接受两个主要参数：第一个参数可以是目标子字符串或用于匹配的正则表达式；第二个参数则可以是替换用的文本字符串，也可以是一个回调函数。接下来将通过具体的代码示例来展示replace()函数的几种使用场景。
<script>
var str="I love jb51 and you?";
console.log(str.replace("jb","java"));
</script>上述代码示例仅演示了如何替换字符串中首次出现的指定子字符串。
<script>
var str="I love jb51 and you?";
var reg=/jb/g;
console.log(str.replace(reg,"java"));
</script>通过引入全局匹配标志（如/g），上述代码能够将字符串中所有符合指定条件的子字符串全部替换。
<script>
var str="I love jb51 and you?";
console.log(str.replace("jb",function(){
return "java"}
));
</script>回调函数参数详解
在第三个示例中，第二个参数被设定为一个函数，该函数的返回值将用于替换原字符串中匹配到的子字符串。当第二个参数为函数时，该函数实际上可以接收多个参数。下文将通过具体代码实例，详细介绍这些参数的具体含义与用法。
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>本站</title>
<script type="text/javascript">
var url = "https://www.jb51.net/o.php?mod=viewthread&tid=14743&extra=page%3D1";
//第一参数为字符串
console.group("字符串");
var oneResult = url.replace("www.jb51.net",function(){
console.log("replace输入参数：%o",arguments);
var val = /www.jb51.net/.exec(url);
console.log("exec输出参数：%o",val);
console.assert(arguments[0] === val[0]);
console.assert(arguments[1] === val["index"]);
console.assert(arguments[2] === val["input"]);
return "jb51";
});
console.log("replace返回字符串："+oneResult);
console.groupEnd("字符串");
//第一参数为正则表达式
console.group("正则表达式");
var regexp_global = /[?&](\w+)=([^&]*)/g;
var count = 0;
var twoResult = url.replace(regexp_global,function(){
console.log("第"+(count++)+"次运行");
console.log("replace输入参数：%o",arguments);
var val = regexp_global.exec(url);
console.log("exec输出参数：%o",val);
console.assert(arguments[0] === val[0]);
console.assert(arguments[1] === val[1]);
console.assert(arguments[2] === val[2]);
console.assert(arguments[3] === val["index"]);
console.assert(arguments[4] === val["input"]);
return count;
});
console.log("replace返回字符串："+twoResult);
console.groupEnd("正则表达式");
</script>
</head>
<body>
</body>
</html>上述代码分别演示了当replace()方法的第一个参数为普通字符串和正则表达式时，第二个回调函数所接收参数的区别。以下将对这两种情况进行简要说明：
普通字符串作为第一个参数
当第一个参数是普通字符串时，replace()仅会替换原字符串中第一次出现的匹配子串，即回调函数仅执行一次。此时传递给回调函数的参数数组，与直接使用普通字符串作为正则表达式调用exec()方法所返回的数组元素完全一致。
正则表达式作为第一个参数
由于篇幅限制，此处仅展示了部分运行结果。当第一个参数是带有全局匹配标志的正则表达式时，回调函数会被多次调用以处理每一次匹配。每次调用时传递给函数的参数，其内容与调用regexp_global.exec(url)所返回的数组元素内容相同。