粗淺的編寫正則表達(dá)式,是造成性能瓶頸的主要原因。如下:

var reg1 = /(A+A+)+B/; var reg2 = /AA+B/;

上述兩個正則表達(dá)式,匹配效果是一樣的,但是,效率就相差太遠(yuǎn)了,甚至在與少量字符串匹配時,reg1就會造成你瀏覽器卡死。

不信?我們可以測試下。

首先,我們聲明一個字符串變量str,同時賦予一個包含20個A的字符串給str,采用match方法與上述reg1、reg2進(jìn)行匹配測試,如下:

var str = 'AAAAAAAAAAAAAAAAAAAA';

str.match(reg1);

str.match(reg2);

在瀏覽器中運行該段代碼,發(fā)現(xiàn)一切正常嘛。

然而,隨著,我們不斷向變量str中添加A后,重復(fù)測試,在某一刻(取決于你的瀏覽器),reg1就會讓我們的瀏覽器掛起,但,回頭看看最終的str字符串長度,卻還不到50。而,reg2卻安然無恙。

心里有一絲疑問,是什么造成了它們?nèi)绱司薮蟮牟顒e?以后我們在寫正則表達(dá)式時,又該如何避免防范這類問題呢?

那么,接下來,我們就有必要深入理解JavaScript正則表達(dá)式的內(nèi)部執(zhí)行原理了。

如果,在此你還不是很了解正則表達(dá)式,那么可以參考如下兩篇博客后,再前來,小生在此等候。

網(wǎng)友評論