RegExp.test() 方法使用全局匹配时一会返回 true 一会返回 false ?

Question

问题描述

在使用 RegExp.test() 方法时使用 g 全局匹配时会依次返回 true 和 false。

问题出现的环境背景及自己尝试过哪些方法

一开始以为是正则写的不对，把其它的匹配规则都去掉有试了试，结果问题还是依旧。
没有覆写的 .test() 方法，使用空白页测试，依旧有这样的问题。

相关代码

var t = /#/g
t.test("#")
// true
t.test("#")
// false
t.test("#")
// true
t.test("#")
// false

你期待的结果是什么？实际看到的错误信息又是什么？

为什么会一次返回 true 和 false，而不是固定的一个结果？

---

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 1

正则表达式使用 g 全局检索时会内置一个 lastIndex 属性，并且这个属性并不会被重置，会在下一次使用时保留（如果 index 值小于或等于字符串长度时）
在 MDN 文档上面也提到了这个问题 Using test() on a regex with the “global” flag

---

所以可以通过每次调用后重置掉 lastIndex 值，比如说：

var t = /#/g
t.test("#")
// true
t.lastIndex = 0
t.test("#")
// true
t.lastIndex = 0
t.test("#")
// true
t.lastIndex = 0

但是很不优雅，可以使每次一都使用新的正则，或者封装在一个方法内来避免，例如：

/#/g.test("#")
// true
/#/g.test("#")
// true
/#/g.test("#")
// true

或者

function fn(str){
  const regex = /#/g
  return regex.test(str)
}
fn("#")
// true
fn("#")
// true
fn("#")
// true

其实直接去掉 g 全局匹配的标识就可以了，因为大部分的时间只是想要去测试一下字符串是否匹配预设规则而已。

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 2

你们一个个都搁这儿刷成就呢

• RegExp.prototype.test() - JavaScript | MDN