如何将正则表达式JavaScript代码高亮改写为长尾？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1943个文字，预计阅读时间需要8分钟。
今天想改改JS的亮色配色，摸索出了这个正则表达式。下面这个长长的正则表达式是玩出来的，看起来别扭了。复制代码：
/\/\*[\s\S]*?\*\/|(\(\[[\s\S]*?\])([\s\S]*?\))/
今天想改一下JS的高亮的配色，憋了一下午憋出了这个这个正则表达式。
下面这老长老长了的玩意儿是个正则表达式，看到了别吓坏了。
复制代码 代码如下:
/(\/\/.*|\/\*[\S\s]+?\*\/)|((["'])(?:\\.|[^\\\n])*?\3)|\b(break|continue|do|for|in|function|if|else|return|switch|this|throw|try|catch|finally|var|while|with|case|new|typeof|instance|delete|void)\b|\b(Object|Array|String|Number|Boolean|Function|RegExp|Date|Math|window|document|navigator|location)\b|\b(true|false)\b|\b(null|undefined|NaN)\b|(?:[^\W\d]|\$)[\$\w]*|(0[xX][0-9a-fA-F]+|\d+(?:\.\d+)?(?:[eE]\d+)?)|(?:[^\)\]\}]|^)(\/(?!\*)(?:\\.|[^\\\/\n])+?\/[gim]*)|[\S\s]/g
现在，我们可以来慢慢分析它。仔细看这个正则表达式你会发现，它们是很多个正则表达式用|连接起来的。现在，我们把它用|分割，逐个分析。
本文共计1943个文字，预计阅读时间需要8分钟。
今天想改改JS的亮色配色，摸索出了这个正则表达式。下面这个长长的正则表达式是玩出来的，看起来别扭了。复制代码：
/\/\*[\s\S]*?\*\/|(\(\[[\s\S]*?\])([\s\S]*?\))/
今天想改一下JS的高亮的配色，憋了一下午憋出了这个这个正则表达式。
下面这老长老长了的玩意儿是个正则表达式，看到了别吓坏了。
复制代码 代码如下:
/(\/\/.*|\/\*[\S\s]+?\*\/)|((["'])(?:\\.|[^\\\n])*?\3)|\b(break|continue|do|for|in|function|if|else|return|switch|this|throw|try|catch|finally|var|while|with|case|new|typeof|instance|delete|void)\b|\b(Object|Array|String|Number|Boolean|Function|RegExp|Date|Math|window|document|navigator|location)\b|\b(true|false)\b|\b(null|undefined|NaN)\b|(?:[^\W\d]|\$)[\$\w]*|(0[xX][0-9a-fA-F]+|\d+(?:\.\d+)?(?:[eE]\d+)?)|(?:[^\)\]\}]|^)(\/(?!\*)(?:\\.|[^\\\/\n])+?\/[gim]*)|[\S\s]/g
现在，我们可以来慢慢分析它。仔细看这个正则表达式你会发现，它们是很多个正则表达式用|连接起来的。现在，我们把它用|分割，逐个分析。