JS正则表达式构造函数和正则表达式字面量的区别

背景

笔者在使用正则表达式的过程中,经常看到两种使用方式,比较好奇这两种方式有什么不同。

一种是 正则表达式构造函数 :new RegExp("[xxx]")

另一种是 正则表达式字面量: /[xxx]/

于是,就去网上搜了一下...结果看到国外有老哥也在问这个问题:

区别

  • 回答原文:
  • literal REGEX can't accept dynamic input, whereas the constructor can, because the pattern is specified as a string.
  • literal syntax is compliled only once, while the new Regexp() form must compile the regular expression each time it is called. - so performance will be better with the literal version.

翻译一下,关键区别在于:

  • 正则表达式字面量不能接受动态输入,即来自变量,而构造函数可以,因为模式被指定为字符串。
  • 正则表达式字面量语法只编译一次,而构造函数 Regexp()每次调用时都必须编译正则表达式。因此,字面版本的性能会更好。
相关推荐
Delicate17 分钟前
JavaScript 的双面人生:基本类型与引用类型的那些事儿
javascript
YAwu1133 分钟前
JavaScript 作用域与执行机制深度解析
前端·javascript
Yue16834 分钟前
天津理工大学前端组大一末期考核随记(2)
前端·javascript
w_t_y_y1 小时前
vue父子组件通信(二)祖先调用inject
前端·javascript·vue.js
wkj0011 小时前
JavaScript模块化技术进程详解
开发语言·javascript·ecmascript
w_t_y_y1 小时前
VUE组件配置项(二)data和props
前端·javascript·vue.js
Martin -Tang1 小时前
uniapp+vue3+ts自定义表格
javascript·vue.js·uni-app
欧阳天风2 小时前
electron播放本地音乐的问题
前端·javascript·electron
介一安全2 小时前
【漏洞学习】聊天机器人安全漏洞实战:服务器端JavaScript注入探秘
javascript·安全性测试·聊天机器人
Highcharts.js2 小时前
Highcharts React 5.0 正式版:支持 ES 模块化、组件更精简、开发体验全面升级
前端·javascript·react.js·elasticsearch·前端框架·highcharts