1.RegExp 構(gòu)造函數(shù)
在 ES5 中,RegExp構(gòu)造函數(shù)的參數(shù)有兩種情況。
第一種情況是锚烦,參數(shù)是字符串扩然,這時(shí)第二個(gè)參數(shù)表示正則表達(dá)式的修飾符(flag)艘儒。
var regex = new RegExp('xyz', 'i');
// 等價(jià)于
var regex = /xyz/i;第二種情況是,參數(shù)是一個(gè)正則表示式夫偶,這時(shí)會(huì)返回一個(gè)原有正則表達(dá)式的拷貝界睁。var regex = new RegExp(/xyz/i);
// 等價(jià)于
var regex = /xyz/i;
但是,ES5 不允許此時(shí)使用第二個(gè)參數(shù)添加修飾符兵拢,否則會(huì)報(bào)錯(cuò)翻斟。
var regex = new RegExp(/xyz/, 'i');
// Uncaught TypeError: Cannot supply flags when constructing one RegExp from another
ES6 改變了這種行為。如果RegExp構(gòu)造函數(shù)第一個(gè)參數(shù)是一個(gè)正則對(duì)象说铃,那么可以使用第二個(gè)參數(shù)指定修飾符访惜。而且,返回的正則表達(dá)式會(huì)忽略原有的正則表達(dá)式的修飾符腻扇,只使用新指定的修飾符债热。
new RegExp(/abc/ig, 'i').flags
// "i"
上面代碼中,原有正則對(duì)象的修飾符是ig幼苛,它會(huì)被第二個(gè)參數(shù)i覆蓋窒篱。
5.y修飾符
除了u修飾符,ES6 還為正則表達(dá)式添加了y修飾符舶沿,叫做“粘連”(sticky)修飾符墙杯。
y修飾符的作用與g修飾符類似,也是全局匹配括荡,后一次匹配都從上一次匹配成功的下一個(gè)位置開始高镐。不同之處在于,g修飾符只要剩余位置中存在匹配就可一汽,而y修飾符確保匹配必須從剩余的第一個(gè)位置開始避消,這也就是“粘連”的涵義低滩。
var s = 'aaa_aa_a';
var r1 = /a+/g;
var r2 = /a+/y;
r1.exec(s) // ["aaa"]
r2.exec(s) // ["aaa"]
r1.exec(s) // ["aa"]
r2.exec(s) // null
上面代碼有兩個(gè)正則表達(dá)式,一個(gè)使用g修飾符岩喷,另一個(gè)使用y修飾符恕沫。這兩個(gè)正則表達(dá)式各執(zhí)行了兩次,第一次執(zhí)行的時(shí)候纱意,兩者行為相同婶溯,剩余字符串都是_aa_a。由于g修飾沒有位置要求偷霉,所以第二次執(zhí)行會(huì)返回結(jié)果迄委,而y修飾符要求匹配必須從頭部開始,所以返回null类少。
如果改一下正則表達(dá)式叙身,保證每次都能頭部匹配,y修飾符就會(huì)返回結(jié)果了硫狞。
var s = 'aaa_aa_a';
var r = /a+_/y;
r.exec(s) // ["aaa_"]
r.exec(s) // ["aa_"]
上面代碼每次匹配信轿,都是從剩余字符串的頭部開始。
使用lastIndex屬性残吩,可以更好地說(shuō)明y修飾符财忽。
const REGEX = /a/g;
// 指定從2號(hào)位置(y)開始匹配
REGEX.lastIndex = 2;
// 匹配成功
const match = REGEX.exec('xaya');
// 在3號(hào)位置匹配成功
match.index // 3
// 下一次匹配從4號(hào)位開始
REGEX.lastIndex // 4
// 4號(hào)位開始匹配失敗
REGEX.exec('xaya') // null
上面代碼中,lastIndex屬性指定每次搜索的開始位置泣侮,g修飾符從這個(gè)位置開始向后搜索即彪,直到發(fā)現(xiàn)匹配為止。
使用lastIndex屬性活尊,可以更好地說(shuō)明y修飾符隶校。
const REGEX = /a/g;
// 指定從2號(hào)位置(y)開始匹配
REGEX.lastIndex = 2;
// 匹配成功
const match = REGEX.exec('xaya');
// 在3號(hào)位置匹配成功
match.index // 3
// 下一次匹配從4號(hào)位開始
REGEX.lastIndex // 4
// 4號(hào)位開始匹配失敗
REGEX.exec('xaya') // null
上面代碼中,lastIndex屬性指定每次搜索的開始位置蛹锰,g修飾符從這個(gè)位置開始向后搜索惠况,直到發(fā)現(xiàn)匹配為止。
y修飾符同樣遵守lastIndex屬性宁仔,但是要求必須在lastIndex指定的位置發(fā)現(xiàn)匹配。
const REGEX = /a/y;
// 指定從2號(hào)位置開始匹配
REGEX.lastIndex = 2;
// 不是粘連峦睡,匹配失敗
REGEX.exec('xaya') // null
// 指定從3號(hào)位置開始匹配
REGEX.lastIndex = 3;
// 3號(hào)位置是粘連翎苫,匹配成功
const match = REGEX.exec('xaya');
match.index // 3
REGEX.lastIndex // 4
實(shí)際上,y修飾符號(hào)隱含了頭部匹配的標(biāo)志^榨了。