這兩個參數都是必須的，replace() 方法的參數 replacement 可以是函數而不是字符串。在這種情況下，每個匹配都調用該函數，它返回的字符串將作為替換文本使用。該函數的第一個參數是匹配模式的字符串。接下來的參數是與模式中的子表達式匹配的字符串，可以有 0 個或多個這樣的參數。接下來的參數是一個整數，聲明了匹配在 stringObject 中出現的位置。最後一個參數是 stringObject 本身。對於replacement是函數的情況，給我們提供了很大的便利。
這有一個很簡單的交換兩個單詞順序的例子，如果不用repalce可以這麼做:
復制代碼 代碼如下:
(function(){
var str = 'click dblclick';
var result = str.split(/\b/).reverse().join('')
console.log(result);
})()
這麼做略顯麻煩，用replace處理則顯得清爽許多：
復制代碼 代碼如下:
(function(){
var str = 'click dblclick';
var result = str.replace(/\b(\w+)(\s+)(\w+)\b/,'$3$2$1');
console.log(result);
})();
再看另一個例子——給數字加上千分位：
復制代碼 代碼如下:
(function(){
var number = 12345678900;
var result = (''+number).replace(/(\d)(?=(\d{3})+$)/g,'$1,');
console.log(result);
})();
不過現在要扯的是replacement作為函數的用法，所以多此一舉的把上面的形式改成函數的形式：
復制代碼 代碼如下:
(function(){
var str = 'click dblclick';
var result = str.replace(/\b(\w+)(\s+)(\w+)\b/,function(all,$1,$2,$3){
return $3+$2+$1;
});
console.log(result);
})();
(function(){
var number = 12345678900;
var result = (''+number).replace(/(\d)(?=(\d{3})+$)/g,function(all,$1){
return $1 + ',';
});
console.log(result);
})();
所以replace無非是捕獲匹配的項然後經過處理，作為返回值進行替換，只不過是函數的比較給力。
下面看一個比較實用的例子，大多數語言都有的格式化輸出，比如C語言的printf：
復制代碼 代碼如下:
(function(){
var str = '%s may have gone, but there is a time of %s';
var result = str.replace(/(%s)/g,function(){
return 'replacement';
})
console.log(result);
})()
這裡有個問題就是，%s都是一樣的，替換出來都是一樣的，而且我們只能按照順序來判斷被替換的是哪一部分，如果添加一段，那麼後面所有的都得變。所以我們得傳個變量進去。
復制代碼 代碼如下:
(function(){
var array = ['Swallows','return'];
var i = 0;
var str = '%s may have gone, but there is a time of %s';
var result = str.replace(/(%s)/g,function(){
return array[i++];
})
console.log(result);
})();
(function(){
var str = '#{what} may have gone, but there is a time of #{how}';
var obj = {
what : 'Swallows',
how : 'return'
}
var result = str.replace(/(?:#{(\w+)})/g,function(all,$1){
return obj[$1];
})
console.log( result);
})();
顯然用對象的方法要靠譜一點。
同時，js並沒有那麼嚴格的類型要求，所以，%s這種形式也成為了局限。直接擯棄，換成我們容易理解的形式。
偽裝成函數的樣子就是：
復制代碼 代碼如下:
(function(){
function gsub(str,replaceObj){
return str.replace(/(?:#{(\w+)})/g,function(all,$1){
return replaceObj[$1];
})
}
console.log('gsub結果:',gsub('#{what} may have gone, but there is a time of #{how}',{
what : 'Swallows',
how : 'return'
}))
})();
上面的gsub借用了Prototype中的gsub方法名字，雖然Prototype中的gsub並不是用的replace，但是形式上還是很像的。
現在面臨的一個問題是：
#{what}這種形式的沖突問題，有可能字符串裡面剛好就有這種形式的字符串，如果不作處理，後果大家都懂的。
第一種解決辦法：正則裡面有轉義字符，我們也可以有，所以我們干脆在不需要的替換的部分前面加上'\'
第二種解決辦法：讓使用者自定義一個標志來替換#{}的標志，從而避免沖突。
看第一種方法：
復制代碼 代碼如下:
(function(){
var str = '#{what} may have gone, but there is a time of #{how},\\#{reserve}';
function gsub(str,replaceObj){
return str.replace(/(^|.)(?:#{(\w+)})/g,function(all,$1,$2){
if($1 == '\\'){
return '#{' + $2 +'}';
}
return $1 + replaceObj[$2];
})
}
console.log('gsub結果:',gsub(str,{
what : 'Swallows',
how : 'return'
}))
})();
上面需要注意的就是'\'在字符串中也是轉義字符，寫的時候也需要轉義。
第二種方法：
我們把'#{what}'換成<%what%>的形式。
復制代碼 代碼如下:
(function(){
function gsub(str,replaceObj,regexp){
regexp = regexp || /(?:#{(\w+)})/g;
return str.replace(regexp,function(all,$1){
return replaceObj[$1];
})
}
var str = '<%what%> may have gone, but there is a time of <%how%>,#{reserve}';
console.log('gsub結果:',gsub(str,{
what : 'Swallows',
how : 'return'
},/(?:<%(\w+)%>)/g))
})();
現在把gsub掛到String的原型上面
復制代碼 代碼如下:
String.prototype.gsub = function(replaceObj,regexp){
regexp = regexp || /(^|.)(?:(#{)(\w+)(}))/g;
return this.replace(regexp,function(all,$1,$2,$3,$4){
if($1 == '\\'){
return $2+$3+$4;
}
return $1 + replaceObj[$3] ;
})
}
var str = '<%what%> may have gone, but there is a time of <%how%>,\\<%how%>,#{how}';
var obj = {
what : 'Swallows',
how : 'return'
}
console.log('測試1：',str.gsub(obj,/(^|.)(?:(<%)(\w+)(%>))/g));
//Swallows may have gone, but there is a time of return,<%how%>,#{how}
console.log('測試2：',str.gsub(obj));
//<%what%> may have gone, but there is a time of <%how%>,\<%how%>,return
嘿嘿，貌似和Prototype中的gsub很像了，不過Prototype中的gsub復雜一些，原理也不一致，熟悉一下，待會再仔細分析Prototype中的gsub方法。