jquery хранит объект в данных как ссылку, почему?

Question

Извините за плохой титул.

Пожалуйста, смотрите следующую скрипку:

https://jsfiddle.net/pw9e0yun/2/

$(this).data("item", "item-no-" + (index)); 
$(this).data("options", options); /* how to store options not as a reference */ 

мне нравится, как данные "пункт" хранится ("как есть"). Но мне не нравится, как хранятся данные «параметры». Это затруднило время для выяснения последних двух часов. Теперь я понимаю, что опция хранится как вид ссылки. Почему это и как я могу легко сохранить значения «в то время» объекта options в данных элемента.

Спасибо за разъяснения.

(кстати: ошибка «Ссылка на jsfiddle.net должен сопровождаться кодом» глупо)

Answer 1

Он хранит его в качестве ссылки, потому что это, как объекты и ссылки на них работают в JavaScript. data пишет в область хранения, которая в основном является объектом JavaScript, к которому вы добавляете свойства. (Это не так, как некоторые думают, напишите data-* атрибутов. Это делает инициализацию хранилища данных от них, что иногда удивляет человек.)

Если вы хотите сохранить копию объекта, вы должны скопируйте его. Существует множество способов копирования объектов в JavaScript (включая собственный jQuery $.extend). Какой из них вы используете, полностью зависит от вашей конечной цели.

Так это мощь работы, в зависимости от того, что options является и то, что ваша конечная цель:

$(this).data("options", $.extend({}, options)); 
// or 
$(this).data("options", $.extend(true, {}, options));