Javascript：将大数据集传递给多个函数

发布于 2024-11-02 02:51:31 字数 466 浏览 1 评论 0原文

我正在使用 YUI3 小部件，但对于你们 jquery 的人来说，只是假装我们正在谈论插件。我有一个很大的 json 数据集，其中有超过 5,000 条记录。在我的应用程序中，我至少有 5 个小部件需要访问我的数据集。目前，我将 json 嵌入 html 中，并在渲染小部件之前在页面加载时使用 YUI3 抓取它。

我想要避免的是在内存中存储 5 个数据集副本。我正在尝试想出一种设计模式来避免这种情况。我相信，如果我将此数据作为属性传递给我的小部件，它将按值传递，而不是引用，并且本质上将其复制到内存中......如果我对此有误，请告诉我。由于数据是全局可用的，我的小部件可以直接访问它，但我认为这也会复制内存中的数据。

我认为，如果我最初创建一个对象，将数据加载到该对象中并将该对象作为属性传递，它将通过引用传递它，这将允许我的所有小部件访问我的数据的同一实例。

这是你会做的吗？请让我知道您的想法以及您将如何设置这样的事情。

感谢您的（积极）投入！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦晓ヶ微光ヅ倾城 2024-11-09 02:51:31

如果您将“数据集”保留在其自己的单独 .js 文件中，定义如下：

// My Huge Data Set
// Author: bababa
//
(function(window) {
  window['hugeDataSet'] = {
    // millions of lines of stuff
  };
})(this);

那么当您使用普通

someWidget.doSomething(hugeDataSet);

这不会复制数据。当然，您可以将数据内联放置在 HTML 的

If you keep the "data set" around in a separate .js file of its own, defined like this:

// My Huge Data Set
// Author: bababa
//
(function(window) {
  window['hugeDataSet'] = {
    // millions of lines of stuff
  };
})(this);

then when you import that with a plain <script> tag or with a script loader, there'll just be one global copy of the data. You can reference it like this:

someWidget.doSomething(hugeDataSet);

and that will not make a copy of the data. Of course, you can drop the data inline, in a <script> in your HTML, but then it won't be cached if your HTML is generated by a server-side template (like php or jsp or whatever).

回复收藏 0 原文