最近在瀏覽一些阿里的前端面試題，其中有一題涉及了javascript中replace( )方法的使用，下面是原題：

“說(shuō)出以下函數(shù)的作用是？空白區(qū)域應(yīng)該填寫(xiě)什么？”

 // define 
 (function (window) { 
   function fn(str) { 
     this.str = str; 
   } 
   fn.prototype.format = function () { 
     var arg = ______; 
     return this.str.replace(_______, function (a, b) { 
       return arg[b] || ''; 
     }); 
   } 
   window.fn = fn; 
 })(window); 
 // use 
 (function(){ 
   var t = new fn('<p><a href="{0}">{1}</a><span>{2}</span></p>');
   console.log( t.format('http://www.alibaba.com', 'Alibaba', 'Welcome') ); 
 })();

以下是分析過(guò)程（感覺(jué)還是弄個(gè)編號(hào)，個(gè)人覺(jué)得比較有條理一些）

1、因?yàn)楸绢}也涉及了到其它的知識(shí)點(diǎn)，如匿名函數(shù)、原型等知識(shí)點(diǎn)，但不是本次討論的重點(diǎn)。

2、根據(jù)題面，我們知道，該題的源碼類似于寫(xiě)一個(gè)模板引擎。將模板里的‘{1}'之類的占位符替換成傳給它的參數(shù)。所以arg應(yīng)該就是arguments。但是?。?！由于arg不是數(shù)組，而是一個(gè)類數(shù)組對(duì)象（不懂的可自行百度(u_u)），所以我們需要進(jìn)行一些轉(zhuǎn)換，

3、等號(hào)右邊也就是第一空的答案了。說(shuō)了這么多，那么接下來(lái)第二空就是我們要討論的重點(diǎn)了~~~~~~我們都知道第二空是要通過(guò)正則找出占位符，并根據(jù)占位符內(nèi)的數(shù)字將其替換成arg數(shù)組內(nèi)的字符串，說(shuō)實(shí)話replace方法的第二個(gè)參數(shù)為函數(shù)的情況很少遇到，一般我們遇到都是這樣的，看下面的代碼：

4、由于replace第二個(gè)參數(shù)是函數(shù)的情況比較少，那么我們就來(lái)重點(diǎn)談?wù)劦诙€(gè)參數(shù)為函數(shù)的情形。

首先這是replace函數(shù)的語(yǔ)法：stringobject.replace(regexp/substr,replacement)

其中regexp/substr必需。規(guī)定字符串或要替換的模式的regexp對(duì)象。(請(qǐng)注意，如果該值是一個(gè)字符串，則將它作為要檢索的直接量文本模式，而不是首先被轉(zhuǎn)換為 regexp 對(duì)象。) replacement必需。一個(gè)字符串值。規(guī)定了替換文本或生成替換文本的函數(shù)。最后返回一個(gè)新的字符串，是用replacement替換了regexp的第一次匹配或所有匹配之后得到的。

5、ECMAScript規(guī)定，replace（）方法的參數(shù)replacement可以是函數(shù)而不是字符串。在這種情況下，每個(gè)匹配都調(diào)用該函數(shù)，它返回的字符串將替換文本使用。第一個(gè)參數(shù)表示匹配到的字符，第二個(gè)參數(shù)表示匹配到的字符最小索引位置（RegExp.index），第三個(gè)參數(shù)表示被匹配的字符串（RegExp.input）。

6、所以第二空可以這樣寫(xiě)：/\{(\d+)\}/g，放在語(yǔ)句中完整為：

執(zhí)行第一次匹配時(shí)，{0}被替代為arg[0]
執(zhí)行第一次匹配時(shí)，{1}被替代為arg[1]
執(zhí)行第一次匹配時(shí)，{2}被替代為arg[2]

7、以上就是js字符串方法replace()的第二個(gè)參數(shù)為函數(shù)講解（有不完善的地方，自行補(bǔ)充）,當(dāng)然這道面試題也解決了~~~~~

以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。