2011-04-18 132 views
3

我搞乱QUnit,有一件事我偶然发现。为什么QUnit RegExp测试失败?

我试着在Chrome这个简单的测试:

deepEqual(new RegExp(), /(?:)/); 

我以为它会通过,因为new RegExp()回报/(?:)/在开发者控制台。似乎不可能'只是'new RegExp() === /(?:)/RegExp s,但toString()函数返回相同和相等。

我认为文字/非文字符号会有所作为,但由于本次测试通过,可并非如此:

deepEqual(new RegExp(" "),//); 

所以,从下面的测试第一失败:

test("test", function() { 
    deepEqual(new RegExp(), /(?:)/); // fail 
    deepEqual(new RegExp(" "),//); // pass 
    equal(new RegExp().toString(), /(?:)/.toString()); // pass 
}); 

因此,有人可以指出我正确的方向为什么第一次测试失败吗?

回答

3

简短的回答:在source属性的值是正则表达式字面/(?:)/和你new RegExp()获取对象不同。在文字的情况下它是/(?:)/,而在对象的情况下,它是一个空字符串。当您执行/ /new RegExp(" ")时,source属性的值是相同的(都是具有一个空格字符的字符串)。

龙回答:如果你看一下Qunit的源代码,你会看到这段代码:

"regexp": function (b, a) { 
    return QUnit.objectType(b) === "regexp" && 
     a.source === b.source && // the regex itself 
     a.global === b.global && // and its modifers (gmi) ... 
     a.ignoreCase === b.ignoreCase && 
     a.multiline === b.multiline; 
}; 

你可以看到源参数是如何使用该代码的不同(它只是输出特性每个正则表达式的参数,并将其测试平等)的:

function eq(x, y) { 
    console.log("x.source:", "'" + x.source + "'", "y.source:", "'" + y.source + "'", "===:", x.source === y.source); 
    console.log("x.global:", x.global, "y.global:", y.global, "===:", x.global === y.global); 
    console.log("x.ignoreCase:", x.ignoreCase, "y.ignoreCase:", y.ignoreCase, "===:", x.ignoreCase === y.ignoreCase); 
    console.log("x.multiline:", x.multiline, "y.multiline:", y.multiline, "===:", x.multiline === y.multiline); 
} 

当你调用此方法eq(/(?:)/, new RegExp());,您可以:

x.source: '(?:)' y.source: '' ===: false 
x.global: false y.global: false ===: true 
x.ignoreCase: false y.ignoreCase: false ===: true 
x.multiline: false y.multiline: false ===: true 

当你eq(/ /, new RegExp(" "));叫它鉴于你:

x.source: ' ' y.source: ' ' ===: true 
x.global: false y.global: false ===: true 
x.ignoreCase: false y.ignoreCase: false ===: true 
x.multiline: false y.multiline: false ===: true 
+0

感谢。你的解释非常清楚。 – pimvdb 2011-04-18 20:32:27

+0

@pimvdb不客气! :) – 2011-04-18 20:34:48