加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

奇怪-正则匹配的test函数

发布时间:2020-12-14 02:20:37 所属栏目:百科 来源:网络整理
导读:在John Resig 那篇关于在JavaScript中实现简单继承的文章中,有这样一段代码: var fnTest = /xyz/.test(function(){xyz;}) ? /b_superb/ : /.*/; 对于其中正则表达式匹配函数test的用法,我很是迷惑: /xyz/.test(function(){xyz;}) 我查阅了Mozilla develo

在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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读