正則表達式字面量在ECMAScript5中的變化

2020-01-20 22:16:04

字體：大中小

來源：轉載

供稿：網友

在《JavaScript語言精粹》的第72頁有這樣一段：

用正則表達式字面量創建的RegExp對象來共享同一個單實例：

 
function make_a_matcher( ) { 
return /a/gi; 
} 
var x = make_a_matcher( ); 
var y = make_a_matcher( ); 

// 注意：x 和 y 是同一個對象！ 

x.lastIndex = 10; 

document.writeln(y.lastIndex); // 10當你在瀏覽器中運行這段代碼時，你會發現IE6-IE9、FireFox4、Chrome10、Safari5輸出都是0，Firefox 3.6.16輸出是10，原因可以在ECMAScript5規范第24頁和第247頁找到： 

A regular expression literal is an input element that is converted to a RegExp object (see 15.10) each time the literal is evaluated. Two regular expression literals in a program evaluate to regular expression objects that never compare as === to each other even if the two literals' contents are identical. A RegExp object may also be created at runtime by new RegExp (see 15.10.4) or calling the RegExp constructor as a function (15.10.3).

7.8.5: Regular expression literals now return a unique object each time the literal is evaluated. This change is detectable by any programs that test the object identity of such literal values or that are sensitive to the shared side effects.

也就是說在ECMAScript3規范中，用正則表達式創建的RegExp對象會共享同一個實例，而在ECMAScript5中則是兩個獨立的實例?！禞avaScript語言精粹》出版時ECMAScript5還沒有發布，在這個問題上書和ECMAScript3標準保持了一致。FireFox3.6遵循了ECMAScript3標準，所以結果與書中一致，而最新的Firefox4、Chrome和Safari5都遵循ECMAScript5標準，至于IE6-IE8都沒有很好的遵循ECMAScript3標準，不過在這個問題上反而處理對了。很明顯ECMAScript5的規范更符合開發者的期望，那就是相同的正則表達式字面量創建獨立的RegExp對象會有不同的lastIndex，才方便分別處理。

在ECMAScript5規范的第247頁還有兩條來說明ECMAScript5和ECMAScript3在正則表達式字面量上的改變：

7.8.5: Edition 5 requires early reporting of any possible RegExp constructor errors that would be produced when converting a RegularExpressionLiteral to a RegExp object. Prior to Edition 5 implementations were permitted to defer the reporting of such errors until the actual execution time creation of the object.
7.8.5: In Edition 5 unescaped “/” characters may appear as a CharacterClass in a regular expression literal. In Edition 3 such a character would have been interpreted as the final character of the literal.

第1個是在ECMAScript5中正則表達式字面量轉化為RegExp對象時，任何RegExp構造器的錯誤都會盡早報告，而在之前的規范中是只有對象創建真正執行時才會報錯。

第2個是說在ECMAScript5的正則表達式字面量中，未轉義的正斜杠“/”可以直接用在正則表達式字符類中。而在ECMAScript3中它只能作為正則表達式字面量的開始和結束字符。從IE6-IE9、Firefox3.6-Firefox4.0、Chrome和Safari都可以直接把未轉義的正斜杠“/”用在正則表達式字符類中。如：

復制代碼代碼如下:

 
var my_regexp = /([8/5+4]*).{3}/g; 
var str = '8/5+4 is what!'; 

var result = my_regexp.exec(str); // the same in IE6-9,FF3.6-4.0,Chrome,Safari 

for(var i = 0,n = result.length; i < n; ++i){ 
document.writeln(result[i]); 
} 
result[0] = 8/5+4 is 
result[1] = 8/5+4 

在《JavaScript語言精粹》第76頁也指明在正則表達式的字符類中使用正斜杠“/”需要轉義，也是基于ECMAScript3規范。由于正則表達式中需要轉義的特殊字符比較多，當心存疑慮時對任何特殊字符都可以使用反斜杠“/”來使其字面化確保安全，不過這個規則不適宜字母和數字。

正則表達式字面量從ECMAScript3到ECMAScript5的改變也蠻符合HTML5設計原理中提到的2條。一條是“一旦遇到沖突，最終用戶優先，其次是作者，其次是實現者，其次標準制定者，最后才是理論上的完滿”，另一條是“支持已有內容”。

最后推薦一下XRegExp，它是一個非常優秀的正則表達式JavaScript庫，兼容多個主流瀏覽器、ECMAScript3和ECMAScript5。

上一篇：.NET 正則表達式使用高級技巧之替換類介紹

下一篇：PHP 正則表達式推薦