Как правильно реализовать регулярку?

Question

[Archakov Dennis]

Хочу сделать свою подсветку и все идет нормально, но, вот эти регулярки мне даются с трудом :) Помогите сделать правильно подсветку.

var find = new Array(
        /(function|var|if|else|return|\&\&|\?|\:|===|==|=|\<|\>|\+\+|\-\-|\*|\%|\$|\@|\!)/g,
        /(setTimeout|appendTo)/g,
        /\/\/(.+)/g
        );

    var replacing = function(syntax,i){
    	var arr = new Array(
          "<span class=\""+ syntax +" ff\">$1</span>",
          "<span class=\""+ syntax +" fn\">$1</span>",
          "<span class=\""+ syntax +" cc\">//$1</span>"
          );
    	return arr[i];
    }

Вот так подсвечивает:


А надо, чтобы подсвечивало не только, к примеру $, а всю переменную.

Кто может, поделитесь регулярками, но не плагинами. Я уже смотрел и лучше сделаю свой, чем буду подправлять чужой код.

Comments

[Александр Павлюк]

Парсинг сложных текстов типа исходников удобнее делать не регулярками, а грамматиками.

[Макс]

Сделай пример на jsfiddle

[Archakov Dennis]

Александр Павлюк: подробней можно?

[Archakov Dennis]

Макс: зачем?

[OVK2015]

Частный случай, для переменной

var find = new Array(
/(function|var|if|else|return|\&\&|\?|\:|===|==|=|\<|\>|\+\+|\-\-|\*|\%|\$[\w]+|\@|\!)/g,
....

[Александр Павлюк]

Ingush Archakov: проще всего понять что такое грамматика можно на примере грамматики JSON-а. www.json.org
Вот эти картинки из кружочков и прямоугольничков, связанных линиями и есть грамматики. Они определяют все возможные валидные комбинации символов для конкретного языка или формата. Есть много различных библиотек для удобной работы с ними. Найти грамматику для нужного вам языка обычно можно в его спецификации. Распарсив язык по грамматике вы получите точное синтаксическое дерево, которое потом останется только раскрасить в зависимости от типов объектов.

[Archakov Dennis]

Александр Павлюк: кстати, да! Вы правы) Спасибо больше за разсъяснение.

Answer 1

[khipster]

А я думал что это я не люблю готовые решения :D

\$[a-z]+[^ ] // вместо a-z укажи все допустимые символы для переменных

Comments

[Archakov Dennis]

Готовые решения удобные, но, они лишний раз затруднят загрузку страницы кучей бесполезного кода + в нем разбираться и подправлять для меня вынос мозга)

Answer 2

[skyfortress]

Попробуй

var find = new Array(
        /(function|var|if|else|return|\&\&|\?|\:|===|==|=|\<|\>|\+\+|\-\-|\*|\%|\$\w*|\@|\!)/g,
        /(setTimeout|appendTo)/g,
        /\/\/(.+)/g
        );