摘要：正則的擴(kuò)展參數(shù)為字符串，那么第二個(gè)參數(shù)表示正則表達(dá)式的修飾符，如下等價(jià)于參數(shù)為一個(gè)正則表達(dá)式，這時(shí)返回一個(gè)原有正則表達(dá)式的拷貝。如下調(diào)用調(diào)用調(diào)用調(diào)用修飾符對(duì)正則表達(dá)式添加了修飾符，用來正確處理大于的字符。

參數(shù)為字符串， 那么第二個(gè)參數(shù)表示正則表達(dá)式的修飾符，如下：

var regex = new RegExp("xyz", "i")  
// 等價(jià)于
var regex = /xyz/i

參數(shù)為一個(gè)正則表達(dá)式，這時(shí)返回一個(gè)原有正則表達(dá)式的拷貝。如下：

var regex = new RegExp(/xyz/i)
// 等價(jià)于
var regex = /xyz/i

Es6中改變了這種行文。如果RegExp構(gòu)造函數(shù)第一個(gè)參數(shù)是正則對(duì)象，那第二個(gè)參數(shù)可以指定修飾符，并且返回的正則表達(dá)式會(huì)忽略原有正則表達(dá)式的修飾符，只使用新指定的修飾符。 如下：

new RegExp(/abc/ig, "i").flags
// 原有的ig 被 i 覆蓋

字符串對(duì)象共有4個(gè)方法，可以使用正則表達(dá)式： match()、 replace()、search() 和 split()。在Es6中  全部調(diào)用RegExp的實(shí)例方法，全部定義在RegExp對(duì)象上。如下：

String.prototype.match 調(diào)用 RegExp.prototype[Symbol.match]
String.prototype.replace 調(diào)用 RegExp.prototype[Symbol.replace]
String.prototype.search 調(diào)用 RegExp.prototype[Symbol.search]
String.prototype.split 調(diào)用 RegExp.prototype[Symbol.split

ES6 對(duì)正則表達(dá)式添加了 u 修飾符，用來正確處理大于uFFFF的Unicode字符。如下：

/^uD83D/u.test("uD83DuDC2A") // false
/^uD83D/.test("uD83DuDC2A") // true
// 如上代碼因?yàn)樵贓S5中 不支持四個(gè)字節(jié)的 UTF-16編碼，會(huì)將為識(shí)別為兩個(gè)字符 導(dǎo)致 第二行為true
但是加了 u 修飾符后，ES6將為識(shí)別為一個(gè)字符，所以第一行為flase

正則實(shí)例對(duì)象新增 unicode 屬性，用來判斷表示是否設(shè)置了u修飾符，如下：

const r1 = /hello/;
const r2 = /hello/u;

r1.unicode // false
r2.unicode // true

和 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

// 第一次執(zhí)行后 為 _aa_a g 只要剩余位置存在即可匹配，返回 aa
// y 則是從上一次結(jié)果后的第一個(gè)位置開始，因?yàn)槭莀 所以返回null

與y修飾符相匹配，ES6 的正則實(shí)例對(duì)象多了sticky屬性，表示是否設(shè)置了y修飾符 如下：

var r = /hellod/y;
r.sticky // true

ES6 為正則表達(dá)式新增了flags屬性，會(huì)返回正則表達(dá)式的修飾符。

// ES5 的 source 屬性
// 返回正則表達(dá)式的正文
/abc/ig.source
// "abc"

// ES6 的 flags 屬性
// 返回正則表達(dá)式的修飾符
/abc/ig.flags
// "gi"

匹配的是任意單個(gè)字符,用來匹配任意單個(gè)字符，如下：

/foo.bar/s.test("foo
bar") // true

ES2018 引入了一種新的類的寫法p{...}和P{...}，允許正則表達(dá)式匹配符合 Unicode 某種屬性的所有字符。

const regexGreekSymbol = /p{Script=Greek}/u;
regexGreekSymbol.test("π") // true

正常多個(gè)匹配 可能用圓括號(hào)包起，如下：

const RE_DATE = /(d{4})-(d{2})-(d{2})/;

const matchObj = RE_DATE.exec("1999-12-31");
const year = matchObj[1]; // 1999
const month = matchObj[2]; // 12
const day = matchObj[3]; // 31

但是以上的寫法不容易看懂，理解較為困難，而且只能用數(shù)字序號(hào)，另外如果數(shù)組順序變了，還需要修改引用的序號(hào)。所以就有了具名組匹配。允許為每一個(gè)組匹配指定一個(gè)名字，既便于閱讀代碼，又便于引用。即使組的順序變了，葉不用去更改匹配后的處理代碼。如下：

const RE_DATE = /(?d{4})-(?d{2})-(?d{2})/;

const matchObj = RE_DATE.exec("1999-12-31");
const year = matchObj.groups.year; // 1999
const month = matchObj.groups.month; // 12
const day = matchObj.groups.day; // 31

// 格式： “具名組匹配”在圓括號(hào)內(nèi)部，模式的頭部添加“問號(hào) + 尖括號(hào) + 組名”（?）

如果一個(gè)正則表達(dá)式在一個(gè)字符串中有多個(gè)匹配，現(xiàn)在使用的是 g 修飾符 或者 y 修飾符 循環(huán) 取出?，F(xiàn)在有了新的提案。就是用 String.prototype.matchAll 一次性取出，但是它返回的不是一個(gè)數(shù)組，而是一個(gè)遍歷器。然后可以用 for ... of 取出。

ES6入門系列

ES6入門之let、cont

ES6入門之變量的解構(gòu)賦值

ES6入門之字符串的擴(kuò)展

Git教程

前端Git基礎(chǔ)教程