javascript - DOM 中的缓存对象与 javascript 变量

Question

我最近看了一些前端js代码。

(1) 在某些情况下，代码会根据从后端接收到的 JSON 创建新的 JavaScript 对象。然后新创建的对象存储在缓存中(例如 map )。这样该对象将被缓存在前端以供以后使用。

(2) 我还见过新的 JavaScript 对象(此处称为 eventObject)像这样存储在 DOM 中的实例:$(this).data('eventObject' ，事件对象)；

采用哪种方式存储数据重要吗？我个人会将 eventObject 缓存在 JavaScript 缓存对象中(即创建您自己的缓存类或映射)。像这样缓存不是比搞乱 DOM 然后你必须记住你在哪里放了什么更简单吗？

在我的搜索中，我查看了 XML DOM vs Object in Javascript

Answer 1

Isn't it simpler to cache like this than mess with the DOM and then you have to remember where you put what?

jQuery's data method实际上并没有扰乱 DOM，它只是通过 DOM 节点引用数据对象的一种便捷方式。

当然，如果您“必须记住放置位置”，那么 DOM 引用并不是引用对象的最佳方式。如果一个简单的缓存对象对您来说看起来更干净，那么它可能会更干净。