测试一 var reg = /(\/[\w]+?)(\/[\w]+?)/i reg.exec('/test/reg') 结果:["/test/r", "/test", "/r", index: 0, input: "/test/reg", groups: undefined] 测试二 var reg = /(\/[\w]+?)(\/[\w]+?)(\/[\w]+?)/i reg.exec('/test/reg/pittle') 结果: ["/test/reg/p", "/test", "/reg", "/p", index: 0, input: "/test/reg/pittle", groups: undefined] 测试三 var reg = /(\/[\w]+)(\/[\w]+?)(\/[\w]+?)/i reg.exec('/test/reg/pittle') 结果:["/test/reg/p", "/test", "/reg", "/p", index: 0, input: "/test/reg/pittle", groups: undefined] 测试四 var reg = /(\/[\w]+)(\/[\w]+)(\/[\w]+?)/i reg.exec('/test/reg/pittle') 结果: ["/test/reg/p", "/test", "/reg", "/p", index: 0, input: "/test/reg/pittle", groups: undefined]
由结论可以看出测试二,测试三,测试四的结果是一样的。 由此可以知道当连续的两个非贪婪匹配一起用时,只有最后一个非贪婪匹配。 也就是多个非贪婪匹配一起用,前面的非贪婪匹配会会变成贪婪匹配。也就是+? 会变成 +
最后再加个测试五(在非贪婪匹配后面加$,相当于将非贪婪匹配变成贪婪匹配) var reg = /(\/[\w]+)(\/[\w]+)(\/[\w]+?)$/i reg.exec('/test/reg/pittle') 结果: ["/test/reg/pittle", "/test", "/reg", "/pittle", index: 0, input: "/test/reg/pittle", groups: undefined]
有了这个结论,下面我们看看path-to-regexp const key = []; const regexp = pathToRegexp('/:foo/:bar', key); console.log(regexp); 结果: /^(?: \/ ([^\/#\?]+?)) (?:\/([^\/#\?]+?)) [\/#\?]?$/i console.log(regexp.exec('/test/route')); //结果: ["/test/route", "test", "route", index: 0, input: "/test/route", groups: undefined] console.log(key); //key为pathToRegexp的参数匹配的名字 //结果: [ { "name": "foo", "prefix": "/", "suffix": "", "pattern": "[^\\/#\\?]+?", "modifier": "" }, { "name": "bar", "prefix": "/", "suffix": "", "pattern": "[^\\/#\\?]+?", "modifier": "" } ] 下面来分析一下上面的正则结果: /^(?: \/ ([^\/#\?]+?)) (?:\/([^\/#\?]+?)) [\/#\?]?$/i 把[\/#\?]?$这一段去掉 var reg = /^(?:\/([^\/#\?]+?))(?:\/([^\/#\?]+?))/i reg.exec('/test/route'); 结果:["/test/r", "test", "r", index: 0, input: "/test/route", groups: undefined] 正如上面所说的 第一个非贪婪匹配+?变成了贪婪匹配?,只有第二个非贪婪匹配+?起作用了匹配上了r,也就是只有最后一个非贪婪匹配起效果 如果只把[\/#\?]? 去掉,不去掉$符号呢? var reg = /^(?:\/([^\/#\?]+?))(?:\/([^\/#\?]+?))$/i; reg.exec('/test/route'); 结果:["/test/route", "test", "route", index: 0, input: "/test/route", groups: undefined] 结果说明了,如果最后一个非贪婪匹配后面加了$ 就会变成贪婪匹配