通过函数来取代传入参数

Question

这是一个例子：

'<div>12344我是</div><div>第三dsfsdff</div>'.replace(
    /[\u4e00-\u9fa5]+/g, 
    function($match, $pos){
        console.log($match, $pos);
        return $match;
    }
)

然后有大佬能详细说说扩展应用吗？
感觉有很多地方能变用，但是又有些迷茫的样子！

Answer 1

var orgStr= '<div>12344我是!</div><div>第三!dsfsdff</div>';
orgStr.replace(
    /([\u4e00-\u9fa5]+)!/g, 
    function(){
        var _arguments_ = Array.prototype.slice.call(arguments);
        console.log('函数参数:',_arguments_);
        console.log('匹配到的子字符串:',_arguments_[0]);
        console.log('匹配的位置:',_arguments_[_arguments_.length-2]);
        var offsetIndex = _arguments_.length-2;
        if( Object.prototype.toString.apply(_arguments_[_arguments_.length-1])==='[object String]'){
            console.log('源字符串:',_arguments_[_arguments_.length-1]);
            console.log('匹配到的命名分组对象:null');
        }else{
            offsetIndex = _arguments_.length-3;
            console.log('源字符串:',_arguments_[_arguments_.length-2]);
            console.log('匹配到的命名分组对象:',_arguments_[_arguments_.length-1]);
        }
        if(offsetIndex!==1){
            //有分组group信息
            for(var i=1;i<offsetIndex;i++){
                console.log('匹配到的分组字符串:',_arguments_[i]);
            }
        }
        //可以对匹配到的结果进行二次计算
        return '我想要替换成什么都可以';
    }   
)

Answer 2

函数作为第二个参数，当匹配执行后，该函数就会执行。 函数的返回值作为替换字符串。

下面是该函数的参数：

变量名	代表的值
match	匹配的子串
p1,p2, ...	假如replace()方法的第一个参数是一个RegExp 对象，则代表第n个括号匹配的字符串。（对应于上述的$1，$2等。）例如，如果是用 /(\a+)(\b+)/ 这个来匹配，p1 就是匹配的 \a+，p2 就是匹配的 \b+。
offset	匹配到的子字符串在原字符串中的偏移量。（比如，如果原字符串是 'abcd'，匹配到的子字符串是 'bc'，那么这个参数将会是 1）
string	被匹配的原字符串。
NamedCaptureGroup	命名捕获组匹配的对象

function replacer(match, p1, p2, p3, offset, string) {
  // p1 is nondigits, p2 digits, and p3 non-alphanumerics
  return [p1, p2, p3].join(' - ');
}
var newString = 'abc12345#$*%'.replace(/([^\d]*)(\d*)([^\w]*)/, replacer);
console.log(newString);  // abc - 12345 - #$*%