Почему JavaScript работает с переменными как ссылками?

Question

[nepster-web]

Пишу свой плагин (обертка для FormData) и наткнулся на такой интересный момент, который портит мне определенную ситуацию.

К примеру если мы цепляемся к форме по id, то никакх проблем нет. А вот если у нас на странице несколько форм и нужно повесить плагин по классу возникает проблема.

Кусок реализации, который демонстрирует проблему:
https://jsfiddle.net/034nuojn/

Собственно проблема заключается вот в чем:
Внутри плагина, я обхожу все формы циклом, получаю переданные данные settings и присваиваю данные каждой форме примерно вот так:

$form.data('formApi', {
    targetForm: $form,
    settings: settings,
    ...
});

НО, прежде чем записать эти данные, я делаю определенную манипуляцию с ними. И при этом присваиваю значение в переменную:

var validateFields = settings.validateFields || [];
//Происходят манипуляции с validateFields

И вот штука такая, что при следующей итерации цикла изменения задействованы не в переменной validateFields, а в settings.validateFields. Такое ощущение, что js делает каждую переменную ссылкой.

Как можно этого избежать?

Answer 1

[Алексей Зуев]

Массив в javascript является объектом, копирование идет по ссылке.
Попробуйте склонировать массив.

var validateFields = settings.validateFields ? settings.validateFields.slice() : [];

Comments

[nepster-web]

вроде сработало. Большое спасибо.

Answer 2

[Alastor]

Не очень понимаю проблему, но может использовать this. перед названием переменной?

this.validateFields

Comments

[nepster-web]

this в данном случае это ссылка на элемент формы.

Гляньте пример, там где
alert(settings.validateFields);

При первой итерации все хорошо, а при второй итерации это уже результат данных, которые были получены при первой итерации. Причем я работал не напрямую с settings.validateFields, а перезаписал это дело в другую переменную.