奇怪-正则匹配的test函数

前端之家收集整理的这篇文章主要介绍了奇怪-正则匹配的test函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在John Resig 那篇关于在JavaScript中实现简单继承的文章中,有这样一段代码

var fnTest = /xyz/.test(function(){xyz;}) ? /b_superb/ : /.*/;

对于其中正则表达式匹配函数test的用法,我很是迷惑:

/xyz/.test(function(){xyz;})

我查阅了Mozilla developer center中关于test函数的描述:

Executes the search for a match between a regular expression and a specified string. Returns true or false.

字符串中是否有匹配正则表达式的子字符串。返回true或false。

其语法格式:

regexp.test([str])

注意这里的参数是字符串,根本没有提到test函数的参数可以是函数的说法。

我试着修改这段奇怪的代码,得到了一些运行结果:

/xyz/.test("xyz"); // true
/xyz/.test(function(){"xyz";}); // false
/xyz/.test(function(){return "xyz";}); // true
/xyz/.test(function(){return xyz;}); // true
/xyz/.test(function(){return axyz;}); // true
/xyz/.test(function(){return "axyz";}); // true
/xyz/.test(function(){return "xayz";}); // false

怎么回事?

华丽的分割线
=======================================
我终于知道了,却原来在test内部进行了类型转换,下面代码

/xyz/.test(function(){xyz;});

等价于:

/xyz/.test((function(){xyz;}).toString());

又等价于:

/xyz/.test("function(){xyz;}");

那么为什么下面的代码返回false呢?

/xyz/.test(function(){"xyz";});

我们执行下这行代码就知道了:

// 这行代码的执行结果是:"function(){}"
(function(){"xyz";}).toString();

所以我们可以写出更加诡异的代码来迷惑大家了

/function/.test(function(){}); // true
// b 表示文字边界(对英文而言的)
/b_superb/.test(function(){this._super();}); // true
原文链接:https://www.f2er.com/regex/362815.html

猜你在找的正则表达式相关文章