继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

正则匹配的test函数

摇曳的蔷薇
关注TA
已关注
手记 280
粉丝 54
获赞 169


在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 specifiedstring. 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();}); 
// tru

 

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP