В каком поле html элемента лучше хранить данные?

[Shitbox2]

Имею в виду сложные данные (объекты), не примитивы. Т.е. поле dataset тут не подходит. Данные не должны появляться в аттрибутах.

Сейчас сохраняю в поле data. В Хроме нормально работает. Компилятор TypeScript иногда ругается, что не соответствует интерфейсу HTMLElement, но указание any эту проблему решает. Что на счет других браузеров? Можно так делать?

[ksa]

Shitbox2, ты бы хоть примеры какие тестовые сделал...

"Сложные" объекты можно и в json формат перевести и хранить в любом текстовом поле...

[Белый шум]

В свойствах - http://javascript.ru/tutorial/dom/attributes

<div id="dtest">test</div>
<script>
   dtest.mydata = {test1: 'раз', test2: 'два', test3: 'три', 4: 'четыре'};
   console.log(dtest.mydata);
</script>

[Shitbox2]

"Сложные" объекты можно и в json формат перевести и хранить в любом текстовом поле...

Сложные объекты как раз нельзя в json перевести) Там и даты могут быть и циклические ссылки и просто ссылки на другие объекты и черт возьми что. Даже если и можно, то это такая потеря производительности... Мой пример это тупо хранение модели данных в соответствующем элементе. Можно конечно строковые идентификаторы генерить как это делают фреймворки и ReactJS, но это слишком заморочено в моем случае.

В свойствах - http://javascript.ru/tutorial/dom/attributes

Моя data - это и есть свойство) dtest.data. Вопрос как раз в том, насколько кошерно добавлять свои свойства к DOM элементам. Может быть есть зарезервированные поля чтобы, например, хранить в них соответствующую элементу модель данных?

[Белый шум]

Shitbox2,
data - зарезервирована для "data-*", возможно поэтому и ругается.

Специально под это вроде бы не предусмотрено имён.

[destus]

Shitbox2,
есть тип данных Map, где и можно хранить в качестве ключей DOM-элементы

[Malleys]

Как вариант, можно использовать символ....

const data = Symbol("data");
myElement[data] = {};

[ksa]

Shitbox2, некоторые люди очень любят рыть подземный ход на чердак...
Может ты как раз этим и занимаешься.

[ruslan_mart]

HTMLElement - это обычный объект, по факту. Так что, называйте свойство как хотите, главное - чтобы не было конфликтов. Рекомендовал бы называть свойства с префиксом "нижнее подчёркивание".

myElem._data = '...';

[Shitbox2]

Shitbox2,
data - зарезервирована для "data-*", возможно поэтому и ругается.

Насколько знаю, dataset зарезервирована для "data-*",

Shitbox2,
есть тип данных Map, где и можно хранить в качестве ключей DOM-элементы

Да, думал об этом. Если будут проблемы с кастомными полями, то буду использовать Map.
Пока немного проще "model = element.data" чем "model = models[element]"

Как вариант, можно использовать символ....

Как вариант. Тогда конфликтов точно не будет

Shitbox2, некоторые люди очень любят рыть подземный ход на чердак...
Может ты как раз этим и занимаешься.

Не, я как раз сделал самое простое - вошел через окно)

Рекомендовал бы называть свойства с префиксом "нижнее подчёркивание".

Хорошая рекомендация