|
很久以前在其它地方就探讨和关注过这个问题，但都没有满意的解答。 看了zjfeihu 的帖子： 《前端代码加亮插件（html，jss，css），支持即时加亮，运行代码》，再次提出这个比较经典的难题。 目前，DW，Eclipse，EditPlus都不能完全正确的高亮js正则. 似乎只有JS引擎才明白谁是谁的谁？ 我们万能的斜线！符号中的奥特曼！ 斜线的含义可能是以下之一： *1 字符串里面的普通字符 "//////////" *2 注释里面的普通内容 ; //........./............. *3 行注释标记的前两个斜线之一 //...... *4 除号 x = 6 / 3; 这里的除号可以换行，换行后很变态 *5 赋值运算符 x /= 2; 这里的除号可以换行，换行后很变态 *6 正则表达式的起始符 rgx = /........./; *7 正则表达式的结束符 rgx = /........./; *8 正则表达式里被反斜杠转义的斜线 rgx = /..../...../; *9 正则表达式里[]里未被转义的斜线 rgx = /....[//]...../; *10 块注释的起始符 /*.........*/; *11 块注释的结束符 /*.........*/; 真是十项全能啊！ 对于给定的一段js代码，怎么判断里面的斜线是哪一种情况呢？ 最最难的，是判断： * 是否是正则表达式的起始符 * 是否是正则表达式的结束符 * 是否是换行的除号 因为`$~$%~@^%*#***^（省略若干原因500字） 这是做js代码语法加亮必需过的一道槛！ var i =1, typeef =2; var a = typeef / 3 /i; 这里是除号，除号 var b = typeof / 3 /i; 这里是正则 var c = typeof / /i //i /*....//...*/ //..... 这里几个正斜线依次是:正则起、字符、字符、正则终、块注释起、字符、字符、块注释终、行注释标记 换行的除号很变态，很难判断 i=1,i=1 /2/i; 这里是除号，i 的结果为0.5 i=1,i=1; /2/i; 这里是正则，i 还是1 转义要考虑 字符串变量要考虑 注释要考虑 []里可转义也可不转义要考虑 换行的除号也很变态 javascript运算符里面，主要有5个是单词形式的： delete、instanceof、new、typeof、void 斜线可能紧接在这几个运算符后面，就像上面的例子 运算符要被当作加号减号一样处理，它与表达式要区别开来 还有一个赋值运算符 /= 是要考虑的 JS引擎解析的时候，是怎么处理这个逻辑的呢？ 我都还没有想清楚，欢迎给力！ |