奇怪-正则匹配的test函数_正则test函数诡异-优快云博客

本文链接：https://blog.youkuaiyun.com/u010918003/article/details/9160179

本文详细解析了JavaScript中使用正则表达式进行函数测试的奇特用法，通过实例展示了如何利用正则表达式匹配函数内部执行情况，并揭示了其背后的类型转换机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在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