移除DOM元素类名的兼容方案为什么使用正则表达式而非简单替换

为什么原实现采用复杂正则而非简单替换写法 #

直接用el.className.replace(className, ' ')的写法存在多处逻辑缺陷：

• 会误匹配其他类名的子串：比如要移除btn类，但元素上同时存在btn-danger类，简单替换会把btn-danger错误修改为 -danger，产生无效类名。原实现的正则通过(^|\b)和(\b|$)匹配类名边界，仅能匹配到完整、独立的类名，避免误改其他类。
• 仅能替换单次匹配：如果同一个类名在class属性中重复出现（虽不符合规范但存在出现概率），简单替换只会删除第一个匹配项，无法完全清理。
• 不支持批量删除多类：原实现中className.split(' ').join('|')的逻辑，支持传入空格分隔的多个类名同时删除，简单替换无法支持该场景。

关于i修饰符的bug问题 #

你的判断完全正确。HTML类名本身是大小写敏感的，MyClass和myclass属于两个完全独立的类，正则添加i修饰符会开启大小写不敏感匹配，可能误删大小写不匹配的类名，确实属于原实现的问题，实际使用时去掉i修饰符即可修复该问题。

内容的提问来源于stack exchange，提问作者alancc