JavaScript中的大变量-使它们成为全局变量？

Question

在Cordova开发的一个相当大的应用程序中，我们不断地从用户的LocalStorage中获取一组变量。 我的意思是，这个集合很大（可以从几KB到10mb）。 我非常确定，将变量加载到内存中可能不是一个好主意（尤其是在低功耗，低内存的设备中），但是事实证明，从LocalStorage中获取变量似乎花费了太长时间。 目前，我们的做法是这样的：

function doSomething() {
    var ourData = JSON.parse(localStorage.getItem('ourData'));

    ourData = processingBackAndForth(ourData);

    localStorage.setItem('ourData', JSON.stringify(ourData));

    syncWithServer(ourData);
}

其中processingBackAndForth(ourData)非常密集，并且整个功能几乎每10秒使用一次。 现在，我在想，这应该更快吗？

ourData = JSON.parse(localStorage.getItem('ourData'));

function doSomething() {
    ourData = processingBackAndForth(ourData);

    localStorage.setItem('ourData', JSON.stringify(ourData));
    syncWithServer(ourData);
}

在对此进行了一点阅读之后，它基本上表明将它们保留在本地范围内更好（我知道这对于封装来说更好），但是这个过程不是太多了吗？ 只需对其进行描绘，然后从LocalStorage检索，然后再次保存，然后再使用GC清理变量即可。

我知道指出链接的要点之一是，如果需要在整个应用程序中使用某些东西，并且仅在非常特殊的情况下才将其设为全局，但是无论如何，保持服务器和LocalStorage之间的同步版本仍然需要考虑对我来说非常重要，所以实际上我只减轻了回收和垃圾收集的负担。

JavaScript代码会使用较大的全局变量而不是较大的局部变量来获得一些微优化吗？

Answer 1

您说您的数据可能非常大（最大10MB）。 现在的问题是： 是否最好只检索一次数据并将其全局保存？

在性能方面，如果您多次获取或设置数据，这确实会减慢程序运行速度，因此，您的目标是尽可能少地请求和设置数据 ，从而不必等待localStorage延迟。每次都检索它。

现在，给定您的功能：

ourData = JSON.parse(localStorage.getItem('ourData'));

function doSomething() {
    ourData = processingBackAndForth(ourData);

    localStorage.setItem('ourData', JSON.stringify(ourData));
    syncWithServer(ourData);
}

如果您多次调用doSomething()函数 ， 则上述代码将是最佳的解决方案 ，因为该数据仅被检索一次，然后可以根据需要进行多次精加工，然后再次保存。 使用完数据后，只需删除它（ delete ourData; ）。

否则， 如果只调用一次doSomething()函数，那么最好的解决方案是在函数本身内部获取数据 ，因为该数据仅在该函数运行时才存在，并且会自动从该函数中删除。函数结束后将其存储在内存中，因此最好的方法是：

function doSomething() {
    var ourData = JSON.parse(localStorage.getItem('ourData'));
    ourData = processingBackAndForth(ourData);

    localStorage.setItem('ourData', JSON.stringify(ourData));
    syncWithServer(ourData);
}

---

TL; DR，您有两种选择：

1. 如果多次使用doSomething()函数，最好先全局保存数据，然后在完成后将其删除。
2. 如果只使用一次 doSomething()函数，则最好使用var关键字在函数内部检索数据。