1.RegExp 構造函數
在 ES5 中,RegExp構造函數的參數有兩種情況。
第一種情況是,參數是字符串,這時第二個參數表示正則表達式的修飾符(flag)。
var regex = new RegExp('xyz', 'i');
// 等價于
var regex = /xyz/i;第二種情況是,參數是一個正則表示式,這時會返回一個原有正則表達式的拷貝。var regex = new RegExp(/xyz/i);
// 等價于
var regex = /xyz/i;
但是,ES5 不允許此時使用第二個參數添加修飾符,否則會報錯。
var regex = new RegExp(/xyz/, 'i');
// Uncaught TypeError: Cannot supply flags when constructing one RegExp from another
ES6 改變了這種行為。如果RegExp構造函數第一個參數是一個正則對象,那么可以使用第二個參數指定修飾符。而且,返回的正則表達式會忽略原有的正則表達式的修飾符,只使用新指定的修飾符。
new RegExp(/abc/ig, 'i').flags
// "i"
上面代碼中,原有正則對象的修飾符是ig,它會被第二個參數i覆蓋。
5.y修飾符
除了u修飾符,ES6 還為正則表達式添加了y修飾符,叫做“粘連”(sticky)修飾符。
y修飾符的作用與g修飾符類似,也是全局匹配,后一次匹配都從上一次匹配成功的下一個位置開始。不同之處在于,g修飾符只要剩余位置中存在匹配就可,而y修飾符確保匹配必須從剩余的第一個位置開始,這也就是“粘連”的涵義。
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修飾符,另一個使用y修飾符。這兩個正則表達式各執行了兩次,第一次執行的時候,兩者行為相同,剩余字符串都是_aa_a。由于g修飾沒有位置要求,所以第二次執行會返回結果,而y修飾符要求匹配必須從頭部開始,所以返回null。
如果改一下正則表達式,保證每次都能頭部匹配,y修飾符就會返回結果了。
var s = 'aaa_aa_a';
var r = /a+_/y;
r.exec(s) // ["aaa_"]
r.exec(s) // ["aa_"]
上面代碼每次匹配,都是從剩余字符串的頭部開始。
使用lastIndex屬性,可以更好地說明y修飾符。
const REGEX = /a/g;
// 指定從2號位置(y)開始匹配
REGEX.lastIndex = 2;
// 匹配成功
const match = REGEX.exec('xaya');
// 在3號位置匹配成功
match.index // 3
// 下一次匹配從4號位開始
REGEX.lastIndex // 4
// 4號位開始匹配失敗
REGEX.exec('xaya') // null
上面代碼中,lastIndex屬性指定每次搜索的開始位置,g修飾符從這個位置開始向后搜索,直到發現匹配為止。
使用lastIndex屬性,可以更好地說明y修飾符。
const REGEX = /a/g;
// 指定從2號位置(y)開始匹配
REGEX.lastIndex = 2;
// 匹配成功
const match = REGEX.exec('xaya');
// 在3號位置匹配成功
match.index // 3
// 下一次匹配從4號位開始
REGEX.lastIndex // 4
// 4號位開始匹配失敗
REGEX.exec('xaya') // null
上面代碼中,lastIndex屬性指定每次搜索的開始位置,g修飾符從這個位置開始向后搜索,直到發現匹配為止。
y修飾符同樣遵守lastIndex屬性,但是要求必須在lastIndex指定的位置發現匹配。
const REGEX = /a/y;
// 指定從2號位置開始匹配
REGEX.lastIndex = 2;
// 不是粘連,匹配失敗
REGEX.exec('xaya') // null
// 指定從3號位置開始匹配
REGEX.lastIndex = 3;
// 3號位置是粘連,匹配成功
const match = REGEX.exec('xaya');
match.index // 3
REGEX.lastIndex // 4
實際上,y修飾符號隱含了頭部匹配的標志^。