js中正则表达式匹配问题。

Question

var rquickExpr1 = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,
    rquickExpr2 = /^(\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/;

上面一段是jQuery中的源码，在执行以下代码时为什么不相同？匹配出来的分别是哪三个？

console.log(rquickExpr1.exec("#id").length);    // 3
console.log(rquickExpr2.exec("#id").length);    // 4

Answer 1

其实两个正则前半部分都不用管，因为文本结果匹配只匹配到了后半部分的，所以两个匹配的结果应该是一样的。但是因为exec()返回的数组第一个元素是匹配结果，之后的元素是用()捕获得到的结果。但是第一个正则表达式中最外面的括号使用了(?:)方法，表示不捕获匹配的文本，所以自然就不返回了。

参考资料：

• https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/RegExp/exec
• http://deerchao.net/tutorials/regex/regex.htm (直接搜索?:)