什么是JS data warehouse？MDN性能提示中的术语解析

你问的这个“JS data warehouse”其实就是个普通的JavaScript对象而已！

MDN在讲data-*属性的使用时，特意提醒开发者注意性能问题：和把数据存在这个JS对象里相比，读取DOM上的data-*属性性能表现要差不少。这个结论的依据来自一篇相关博客，而且页面里链接的jsPerf测试用例也直接验证了这一点——用JS对象作为数据仓库存储数据，读取速度比从DOM节点的data属性中读取要快得多。

简单来说，所谓的“JS data warehouse”就是咱们平时写代码时用来存数据的普通JS对象，比如这样：

const dataWarehouse = {
  userId: 123,
  userName: "JohnDoe",
  userRole: "admin"
};

把数据存在这种对象里，读写起来都比操作DOM的data属性高效。

内容的提问来源于stack exchange，提问作者Kenny Evitt