Заміна JavaScript / регекс

З огляду на цю функцію:

function Repeater(template) {

    var repeater = {

        markup: template,

        replace: function(pattern, value) {
            this.markup = this.markup.replace(pattern, value);
        }

    };

    return repeater;

};

Як зробити this.markup.replace()заміну в усьому світі? Ось проблема. Якщо я використовую його так:

alert(new Repeater("$TEST_ONE $TEST_ONE").replace("$TEST_ONE", "foobar").markup);

Значення сповіщення - "foobar $ TEST_ONE".

Якщо я перейду Repeaterдо наступного, у Chrome нічого не замінено:

function Repeater(template) {

    var repeater = {

        markup: template,

        replace: function(pattern, value) {
            this.markup = this.markup.replace(new RegExp(pattern, "gm"), value);
        }

    };

    return repeater;

};

... і оповіщення є $TEST_ONE $TEST_ONE.

Вам потрібно подвоїти будь-які символи RegExp (один раз для косої риски в рядку і один раз для regexp):

  "$TESTONE $TESTONE".replace( new RegExp("\\$TESTONE","gm"),"foo")

В іншому випадку він шукає кінець рядка та "TESTONE" (який він ніколи не знаходить).

Особисто я не є великим прихильником того, щоб будувати regexp, використовуючи рядки з цієї причини. Рівень втечі, який необхідний, може змусити вас пити. Я впевнений, що інші відчувають себе по-іншому і люблять пити, коли пишуть регулярні виразки.

Що стосується інтерпретації шаблонів, то різниці між такими формами немає:

• /pattern/
• new RegExp("pattern")

Якщо ви хочете замінити буквальну рядок за допомогою replaceметоду, я думаю, ви можете просто передати рядок замість регулярного переходу до replace.

В іншому випадку вам доведеться спочатку уникнути будь-яких спеціальних символів для регулярного виразів у шаблоні - можливо, так:

function reEscape(s) {
    return s.replace(/([.*+?^$|(){}\[\]])/mg, "\\$1");
}

// ...

var re = new RegExp(reEscape(pattern), "mg");
this.markup = this.markup.replace(re, value);

Ваш шаблон регулярного вираження повинен мати модифікатор g:

var pattern = /[somepattern]+/g;

помітьте г в кінці. він вказує замінювачу зробити глобальну заміну.

Крім того, вам не потрібно використовувати об'єкт RegExp, ви можете побудувати свій візерунок як вище. Приклад шаблону:

var pattern = /[0-9a-zA-Z]+/g;

шаблон завжди оточений / з обох боків - з модифікаторами після остаточного /, модифікатор g - глобальний.

EDIT: Чому це важливо, якщо шаблон є змінною? У вашому випадку це буде функціонувати так (зауважте, що шаблон все ще є змінною):

var pattern = /[0-9a-zA-Z]+/g;
repeater.replace(pattern, "1234abc");

Але вам потрібно змінити функцію заміни на цю:

this.markup = this.markup.replace(pattern, value);