粗淺的編寫(xiě)正則表達(dá)式,是造成性能瓶頸的主要原因。如下:
var reg1 = /(A+A+)+B/; var reg2 = /AA+B/;
上述兩個(gè)正則表達(dá)式,匹配效果是一樣的,但是,效率就相差太遠(yuǎn)了,甚至在與少量字符串匹配時(shí),reg1就會(huì)造成你瀏覽器卡死。
不信?我們可以測(cè)試下。
首先,我們聲明一個(gè)字符串變量str,同時(shí)賦予一個(gè)包含20個(gè)A的字符串給str,采用match方法與上述reg1、reg2進(jìn)行匹配測(cè)試,如下:
var str = 'AAAAAAAAAAAAAAAAAAAA'; str.match(reg1); str.match(reg2);
在瀏覽器中運(yùn)行該段代碼,發(fā)現(xiàn)一切正常嘛。
然而,隨著,我們不斷向變量str中添加A后,重復(fù)測(cè)試,在某一刻(取決于你的瀏覽器),reg1就會(huì)讓我們的瀏覽器掛起,但,回頭看看最終的str字符串長(zhǎng)度,卻還不到50。而,reg2卻安然無(wú)恙。
心里有一絲疑問(wèn),是什么造成了它們?nèi)绱司薮蟮牟顒e?以后我們?cè)趯?xiě)正則表達(dá)式時(shí),又該如何避免防范這類問(wèn)題呢?
那么,接下來(lái),我們就有必要深入理解JavaScript正則表達(dá)式的內(nèi)部執(zhí)行原理了。
如果,在此你還不是很了解正則表達(dá)式,那么可以參考如下兩篇博客后,再前來(lái),小生在此等候。