什么样的正则表达式可以显示highlight高亮

程序员在编写代码的时候少不了和字符串以及“查询”打交道，两者的交集中有一个叫做正则表达式的的东西，这家伙用好了可以提高编程效率，用不好的话...你可以先去好好学一学。

　　关于正则的使用，举个简单的例子：

var m = location.href.match(/(\w+:)\/{0,3}([^\/]+)(?:(\/[^\?#]*))?(?:(\?[^#]+|.+))?(?:(#.*))?/);
var res = {
 protocol: m[1],
 host: m[2],
 path: m[3],
 search: m[4],
 hash: m[5]
};
console.log(res);

憋了几分钟= =||，我也觉得这个正则不是特别好理解（红黑相间了，应该稍微清晰点），有些朋友可能不知道（?:content）是什么意思，还有类似（?!content）和(?=content)分组和前瞻的知识，建议去问问度哥和谷娘。

一. 正则应用小DEMO示例

下面是一串随手写的代码，放在textarea中：

/*** @author barret lee* @date 2013-10-06* @email barret.china@gmail.com*/
//outer varvar a = "this id outer string";
//closurefunction b() { //inner var var a = "this is inner string"; var g = a.replace(/this is inner string/g, function() { return new Function("/*clousure*/this.a")(); });
 /** * @description closure - regExp test * @author barret lee */ function c() { return { a: a, g: g } }
 return c;}
var s = b()(); //s.a, s.g

正则匹配，处理上面那堆字符串的小DEMO：

/*** @author barret lee* @date 2013-10-06* @email barret.china@gmail.com*/
//outer varvar a = "this id outer string";
//closurefunction b() { //inner var var a = "this is inner string"; var g = a.replace(/this is inner string/g, function() { return new Function("/*clousure*/this.a")(); });
 /** * @description closure - regExp test * @author barret lee */ function c() { return { a: a, g: g } }
 return c;}
var s = b()(); //s.a, s.g

类似很多的前端模板，artTemplate，baiduTemplate等都是对正则表达式的绝伦应用，很值得去看看源码，好好钻研人家都考虑了那些容易出错的点，源码都不长，两三百行。了解一个大概比较容易，但是当自己动手的时候总会发现很多细节问题处理不好，我那上面几个正则就倒弄了半天= =

正则表达式，用起来还是挺方便的。正则技能，你值得拥有～

相信看了这些案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

相关阅读：

怎样用jquery的ajax异步提交表单数据

怎么实现springmvc接收jquery提交的数组后提取数据

vue.js的语法及常用指令的详解