正则表达式小括号的多义性

小括号在正则表达式这有以下意义

限定量词作用的范围
限定多选结构的范围
为反向引用捕获文本
分组捕获
只分组不捕获
前瞻

一、限定量词作用的范围

var reg1 = /(Matz)?/; // 0或1个Matz
var reg2 = /(Matz)+/; // 1个以上Matz
var reg3 = /(Matz)*/; // 0或多个Matz

二、限定多选结构的范围

var reg = /(Matz|Eich)/
reg.test('Matz') // => true
reg.test('Eich') // => true
reg.test('John') // => false

三、为反向引用捕获文本

var reg = /(boy)\1/ // 相当于 /boyboy/
reg.test('boy') // => false
reg.test('boyboy') // => true
 
var reg /(boy)(girl)\1\2/
reg.test('boygirlboygirl') // => true

四、分组捕获

var reg1 = /(\d{3}) (\d{3})/
var str = '111 222'
str.replace(reg1, '$2 $1') // => '222 111' , 注意这里的$2,$1，存放了匹配的字符串
 
var reg2 = /(\d{3})(\d{4})(\d{4})/
var mobile = '13522722724'
reg2.test(mobile)
RegExp.$1 // => 135
RegExp.$2 // => 2272
RegExp.$3 // => 2724
 
var reg3 = /(\d{3})(\d{4})(\d{4})/
var mobile = '13522722724'
mobile.replace(reg3, '$1 $2 $3') // => '135 2272 2724'

五、只分组不捕获(和 "?:" 一起)

var reg = /(?:\d+)/
reg.test('13522722724')
RegExp.$1 // => '' 不存储匹配的元素

较长的正则表达式中，反向引用会降低匹配速度，性能降低，不需要反向引用时应使用分组不捕获。

六、前瞻（lookahead，和 "?=" 一起）

它告诉正则表达式向前看一些字符但不移动位置，前瞻不匹配任何字符只匹配文本中的特定位置。

var reg = /(John) (?=Resig)/
reg.test('John') // => false
reg.test('John Backus') // => false
reg.test('John Reisg') // => true
RegExp.$1 // => 'John'，注意这里不是 "John Resig"

如下是一个利用前瞻实现手机号格式化的小函数

/*
 * 手机号分隔
 * 13522722724 -> 135 2272 2724
 */
function separateMobile(num) {
    var arr = ( '0' + num ).replace(/(\d{4})(?=\d)/g,"$1 ").split('')
    arr.shift()
    return arr.join('')
}