小红书上有这样一段代码:
var re = null;
for (let i = 0; i < 10; i++) {
re = /cat/g;
console.log(re.test("catastrophe"));
}
for (i = 0; i < 10; i++) {
re = new RegExp("cat", "g");
re.test("catastrophe");
}
表示第一个for循环输出结果为:
true
false
true
false
true
false
true
false
true
false
第二个for循环则输出10个true。
小红书对此给出的解释是这样的,这里为了节省时间,就先上传照片了:
但是我在本地代码编辑器上动手敲了一下,得到的结果和书上并不一样,第一个for循环输出的结果是10个true,第二个for循环也是10个for循环,这是什么原因呢,为了进一步确定,我在第一个for循环中增加了rightContext,来输出它的下一次开始匹配的字符串,结果输出全是astrophe。
原因在于上面图片解释是在ES3中的规定,在ES5中新规定,使用正则表达式字面量必须像直接调用RegExp构造函数一样,每次都创建新的RegExp实例。
参见小红书105页第三段。