很久以前在其它地方就探讨和关注过这个问题,但都没有满意的解答。

看了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引擎解析的时候,是怎么处理这个逻辑的呢?

我都还没有想清楚,欢迎给力!

挑战:万能的slash! 判断js中“/”是正则、除号、注释?的更多相关文章

  1. 判断js中的数据类型的几种方法

    判断js中的数据类型有一下几种方法:typeof.instanceof. constructor. prototype. $.type()/jquery.type(),接下来主要比较一下这几种方法的异 ...

  2. 转:判断js中的数据类型的几种方法

    判断js中的数据类型有一下几种方法:typeof.instanceof. constructor. prototype. $.type()/jquery.type(),接下来主要比较一下这几种方法的异 ...

  3. 如何判断js中的数据类型?

    js六大数据类型:number.string.object.Boolean.null.undefined string: 由单引号或双引号来说明,如"string" number: ...

  4. 如何判断js中的数据类型

    如何判断js中的数据类型:typeof.instanceof. constructor. prototype方法比较 如何判断js中的类型呢,先举几个例子: var a = "iamstri ...

  5. [转]如何判断js中的数据类型

    原文地址:http://blog.sina.com.cn/s/blog_51048da70101grz6.html 如何判断js中的数据类型:typeof.instanceof. constructo ...

  6. 如何判断js中的数据类型(转)

    如何判断js中的数据类型:typeof.instanceof. constructor. prototype方法比较 如何判断js中的类型呢,先举几个例子: var a = "iamstri ...

  7. 判断js中的数据类型

    如何判断js中的数据类型:typeof.instanceof. constructor. prototype方法比较 如何判断js中的类型呢,先举几个例子: var a = "iamstri ...

  8. JS中的正则应用

    如果还未掌握正则基础知识可先看另一篇:正则笔记-忘记就来看 创建方法: 直接量语法:/pattern/attributes 创建 RegExp 对象的语法:new RegExp(pattern, at ...

  9. js进阶js中支持正则的四个常用字符串函数(search march replace split)

    js进阶js中支持正则的四个常用字符串函数(search march replace split) 一.总结 代码中详细四个函数的用法 search march replace split 二.js进 ...

随机推荐

  1. JNI概述

    JNI是Java Native Interface的缩写,它提供了若干的API实现了Java和其他语言的通信(主要是C&C++). JNI 让你在利用强大 Java 平台的同时,使你仍然可以用 ...

  2. makefile opencv的案例

    CXX = g++ LIBS +=`pkg-config --libs opencv` INC +=`pkg-config --cflags opencv` CPPFLAGS += -g -std=c ...

  3. 【枚举】【SDOI 2011】【bzoj 2241】打地鼠

    2241: [SDOI2011]打地鼠 Time Limit: 10 Sec Memory Limit: 512 MB Submit: 877 Solved: 557 Description 打地鼠是 ...

  4. [转载]Java 反射机制(包括组成、结构、示例说明等内容)

    FROM:http://www.cnblogs.com/skywang12345/p/3345205.html 第1部分 Java 反射机制介绍 Java 反射机制.通俗来讲呢,就是在运行状态中,我们 ...

  5. 外网无法连接Kafka集群(报错:NoBrokersAvailable)

    本地Consumer和Producer无法使用远程Kafka服务器的解决方法: 分别修改各台服务器Kafka配置文件server.properties, 在#listeners=PLAINTEXT:/ ...

  6. kafka启动报错:kafka.common.KafkaException: Failed to acquire lock on file .lock

    kafka 异常退出后重启时遇到的问题 解决: 执行 netstat -lnp|grep 9092 在执行结果中找到进程号执行 kill -9 进程号再尝试启动Kafka  

  7. Java LinkedList的模拟实现

    双向链表也叫双链表,是链表的一种,它的每个数据结点中都有两个指针,分别指向直接后继和直接前驱.所以,从双向链表中的任意一个结点开始,都可以很方便地访问它的前驱结点和后继结点.查询即从第一个节点,不断指 ...

  8. Node.js nvshens图片批量下载爬虫 1.00

    //====================================================== // www.nvshens.com图片批量下载Node.js爬虫1.00 // 此程 ...

  9. javaEE开发之文件下载

    package com.example.web; import java.io.File; import java.io.FileInputStream; import java.io.IOExcep ...

  10. $ gulp watch 运行出错解决方法

    $ gulp watch 运行出错解决方法   $ gulp watch     如果你出现了如下报错信息: gulp-notify: [Laravel Elixir] Browserify Fail ...