• ES6里关于正则表达式的拓展


    一、构造函数

      在 ES5 中,RegExp构造函数的参数有两种情况。

      第一种情况是,参数是字符串,这时第二个参数表示正则表达式的修饰符(flag)

    var regex = new RegExp('xyz', 'i');
    // 等价于
    var regex = /xyz/i;

      第二种情况是,参数是一个正则表示式,这时会返回一个原有正则表达式的拷贝

    var regex = new RegExp(/xyz/i);
    // 等价于
    var regex = /xyz/i;

      但是,ES5 不允许此时使用第二个参数添加修饰符,否则会报错

    // Uncaught TypeError: Cannot supply flags when constructing one RegExp from another
    var regex = new RegExp(/xyz/, 'i');

      ES6 改变了这种行为。如果RegExp构造函数第一个参数是一个正则对象,那么可以使用第二个参数指定修饰符。而且,返回的正则表达式会忽略原有的正则表达式的修饰符,只使用新指定的修饰符

    console.log(new RegExp(/abc/ig, 'i').flags);    //i
    //上面代码中,原有正则对象的修饰符是ig,它会被第二个参数i覆盖

      flags:ES6 为正则表达式新增了flags属性,会返回正则表达式的修饰符

    //ES5的source属性返回正则表达式的正文
    /abc/ig.source//"abc"
    
    // ES6的flags属性返回正则表达式的修饰符
    /abc/ig.flags//'gi'

     

  • 相关阅读:
    移动端字体单位
    我像素的理解
    了解viewport概念
    移动端知识
    本地存储和会话存储
    一屏滚动滚轮事件
    关于jquery的笔记
    关于bind()方法
    [css] 滚动条样式问题
    [element-ui] 表格功能实现(删除选中)
  • 原文地址:https://www.cnblogs.com/goloving/p/7881624.html
Copyright © 2020-2023  润新知