• escapeRegExp捕捉通配符的代码解析


    费了好几个小时,把一小段正则代码搞通了,回顾并记下,加深记忆。

     

    该段代码来自yii.js,它也是引自stackoverflow,地址是:http://stackoverflow.com/questions/3446170/escape-string-for-use-in-javascript-regex

     

    代码如下:

    function escapeRegExp(str) {

        return str.replace(/[-[]/{}()*+?.\^$|]/g, "\$&");

    }

    function isReloadableAsset(url) {

        for (var i = 0; i < pub.reloadableScripts.length; i++) {

            var rule = getAbsoluteUrl(pub.reloadableScripts[i]);

            var match = new RegExp("^" + escapeRegExp(rule).split('\*').join('.*') + "$").test(url);

            if (match === true) {

                return true;

            }

        }

        return false;

    }

    重点是第一个函数的返回值,以及第二个函数生成的RegExp实例对象。

     

    str.replace(/[-[]/{}()*+?.\^$|]/g, "\$&");

    这句话的意思是对str中匹配到的字符在其前加。而被匹配的字符包括-[]{}()*+?.^$|,这些符号很明显都是正则表达式中的保留字符,必须进行转义,否则不能正确识别为它本身作为标点符号的意义。

     

    识别后,比如-将被替换为-,[]将被对应替换为[]。

     

    第二个函数中的match,是对经过escapeRegExp方法处理过的url,该url是用户自定义的可以重载的脚本url,此时如果其中有通配符,即*,会被以它为分解进行切割,变成数组,紧接着用 .*进行连接,成字符串。正则表达式中.*是可以匹配所有字符的。

  • 相关阅读:
    css3-8 内外边距中的注意要点有哪些
    php实现 统计输入中各种字符的个数
    Java设计模式偷跑系列(十八)建模和责任链模式的实现
    Delphi 3D Glscene安装
    五通信算法:五种编码增益比较matlab模拟
    OpenGL于MFC使用汇总(三)——离屏渲染
    设计模式--模板方法 And State模式
    EXCEL 两人的建立Y轴
    LeetCode Median of Two Sorted Arrays
    wordpress常见的问题
  • 原文地址:https://www.cnblogs.com/jiangtian/p/6909616.html
Copyright © 2020-2023  润新知