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

Question

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

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

(2) 我还看到了新的 JavaScript 对象（eventObject此处称为）存储在 DOM 中的实例，如下所示：$(this).data('eventObject', eventObject);

以哪种方式存储数据重要吗？我会亲自缓存eventObject在 JavaScript 缓存对象中（即制作自己的缓存类或地图）。像这样缓存不是比弄乱 DOM 更简单，然后你必须记住你把什么放在哪里？

在我的搜索中，我查看了XML DOM 与 Javascript 中的对象

Answer 1

像这样缓存不是比弄乱 DOM 更简单，然后你必须记住你把什么放在哪里？

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

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