實踐中Javascript使用RegExp.$1導致trim()自訂函數的一個Bug

今天協助同事排除一個頁面的問題，碰到一個常用公用自訂函數trim（去掉前後空白字元）

function trim(str) {<br />var re = //s*(/S[^/0]*/S)/s*/;<br />re.exec(str);<br />return RegExp.$1;<br />}<br />alert(trim("1234 "));<br />alert(trim(""));<br />/*<br />推薦的方法<br />function trim(str) {<br />return str.replace(/^/s+|/s+$/, "");<br />}<br />*/

發現如果參數是Null 字元串，輸出的結果是前一個測試的字串 o(╯□╰)o

 

簡化一些測試代碼：

/(/d+)/.exec("12345");<br />alert(RegExp.$1);<br />/(/d+)/.exec("abcde");<br />alert(RegExp.$1);

結果很清楚了，如果正則不匹配字串，不會改變RegExp對象的分組屬性

 

function trim(str) {<br />var re = //s*(/S[^/0]*/S)/s*/;<br />if (!re.exec(str)) return str;<br />return RegExp.$1;<br />}

解決方案是加一個判斷。