Как хранить сложные объекты в атрибутах элементов правильно?

Question

[Игорь]

Пользуюсь библиотекой choices.js (ванильный аналог select2), чтобы принимать что-то типа списка тегов.

Спойлер

На самом деле там не теги, а по факту select-multiple, просто реализую я это как выбор произвольных тегов с последующей проверкой item`ов через ajax и удалением невалидных. Всё это с Django на бэке, поэтому для reusability инициализирую либу в одном файле, а обработку item`ов в другом.

Чтобы всё было по правильному, инициализирую библиотеку в одном файле (widget.js), а дальнейшую логику (специфичную именно для этого use case) реализую в другом (reader-page.js).
Так вот, мне нужно обращаться к объектам (насколько я понимаю, экземпляры класса Choices) либы из второго файла, и так как каждый объект Choices относится к своему элементу DOM`а, решил хранить эти объекты в атрибутах элементов. Примерно так:

elem = $(".choicesjs")[0];
elem.choices = new Choices(elem);

Что-то мне подсказывает, что так не совсем корректно, ведь кто знает, может в будущей ревизии HTML определят атрибут choices для чего-то... Посмотрел на data-атрибуты, но они хранят лишь строки, а мой Choices сериализовать не удаётся.

Вопрос: как хранить сложные объекты в атрибутах элементов правильно?
Спасибо.

Comments

[Игорь]

Также думал определить глобальный map myChoices и в нём ключом хранить element, а значением - объект Choices. Вроде норм, но глобалы вообще не очень люблю (везде же пишут "Avoid globals") и как-то слишком морочно.

[Сергей Сергей]

Приписать статическое свойство к классу — список соответствия элементов и объектов.

[Игорь]

Сергей Сергей, спасибо, очень элегантно.

Можно вопрос: зачем люди пишут ответы в комментах? :) Ведь так нельзя отметить решением...

[Сергей Сергей]

Простой вопрос, простой ответ. По моим личным ощущениям и вовсе следует как-то отыскивать похожие вопросы и группировать с одним общим ответом. А мой комментарий ещё и не полноценен, как тот давний потерянный ответ.

[Игорь]

Ясно. Спасибо за ответ

Answer 1

[zkrvndm]

Что мешает закодировать данные в строку и уже потом хранить?

Comments

[Игорь]

Повторю:

мой Choices сериализовать не удаётся

Вызов JSON.stringify(obj) выдает ошибку (что-то там про circular serialization). Если у вас есть другие варианты "закодировать данные в строку", буду признателен (отмечу, "данные" - экземпляр класса)

[zkrvndm]

Игорь, так напишите функцию для кодировки сами, опираясь на структуру данных. Сделайте велосипед.

[Игорь]

Ммм, велосипеды, люблю велосипеды... В любом случае, спасибо