求助！关于js中正则分组的问题。

代码功能是检测一个html元素中是否包含某个类，但是在使用正则的过程中我就是不理解为什么要加分组，分组的作用是什么，以及在这里是怎么去匹配的，如果没加分组会如何？
我试过了，如果不加分组，匹配是不正确的。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>测试</title>
        <script type="text/javascript">
            window.onload=function(){
                var box=document.getElementById('box');
                
                //检测类是否存在
                function hasClass(element,cName){
                    alert(!!element.className.match(new RegExp('(\\s|^)'+cName+'(\\s|$)')));
                }
                //调用
                hasClass(box,'bb');        //false
                hasClass(box,'bbb');        //true
            }
        </script>
    </head>
    <body>
    <div id="box" class="bbb aaa">测试</div>
    </body>
</html>

不知道哦，好有创意的写法，我都没这么想过。 (\s|^)应该是说空白或者开头后面那个是说空白或者结尾，太有材了。
这个东西正常人是这样写的：

function hasWord($need, $string) {
    return (new RegExp('\\b' + $need + '\\b')).test($string); // \b表示单词间隔
}
alert(hasWord('bbb', 'bbb aa')); //true
alert(hasWord('bbb', 'bbbaa')); //false
alert(hasWord(element.className, 'bbb')); // <- 结合你的例子中的用法。原文是hasClass(box, 'bbb')，真无法理解，直接把box.className传进去不就行了吗，好2.

其实你也就看明白了，这个写函数都没什么价值，本来就是一句话，封装函数变成好几行...

function hasClass(element, cName) {
  return (' ' + element.className + ' ').indexOf(' ' + cName + ' ') > -1;
}

推荐这样写，兼容ie6+

不分组，生成的正则是 s|^bbbs|$ 意思是匹配 s 或 ^bbbs 或结束这3种情况，除非你的class是空或只有bbb才能匹配。
分组，生成的正则是 (s|^)bbb(s|$) 意思是匹配空格或开头，然后是bbb，然后是空格或结束，这三部分组成的四种情况。

class="bbb ccc" 是 ^bbbs 的组合匹配到的
class="aaa bbb" 是 sbbb$ 的组合匹配到的
class="aa bbb cc" 是 sbbbs 匹配的
class="bbb" 是 ^bbb$ 匹配的

【热门文章】