javascript - 更新全局变量 javascript/html

Question

这个问题已经有答案了:

Persist variables between page loads (4 个回答)

已关闭 7 年前。

所以目前我正在建立一个网站，我可以从谷歌电子表格中获取数据，然后将其绘制在我的网站上......

但是，由于这些数据不断从其他地方流式传输，因此我每次都需要能够在图表上显示 10 个数据点。 (因此显示 10 个数据点，然后是下一个 10 个，然后是下一个 10 个，依此类推)。因此，我个人需要 2 个全局变量来跟踪数据中的位置，从而能够向用户呈现正确的图表。

我已经尝试过了...

<script>

var i = 0;
var lengtharray = 0; //This variable is the second global variable that I need and is updated within the same function as i.

function doSomething(){
    anotherFunction();
    i = i + 10;
    lengtharray++;

}

</script>

因此，下次运行脚本以显示图表上的下一个数据点时，我期望的 i 值是前一个 i 值 + 10 以及要递增的 lengtharray 值...

相反，我得到的是 i = 0 再次并且 lengtharray = 0 再次..

我需要“更新”这些值，并且仅在我希望/关闭浏览器并在网页上重新打开时初始化/重置...

我希望这个问题都有道理!

提前致谢。

Answer 1

如果问题是由于这些全局变量和每次重新实例化函数造成的，那么您可能可以使用单例模式来防止这种情况。如果您不熟悉，它是一种总是返回类、变量等的前一个实例的设计模式。这样一来，您的对象、类、变量等始终只有一个实例。我已在 javascript here 中链接了实现。