Javascript 在单击按钮时跟踪添加到页面的项目

我在图像库的按钮中有一个for循环。当你点击按钮时，它将获得下一组项目，并将它们添加到页面中，直到没有可抓取的项目为止。我最初是通过将每次单击应添加的项目数量添加到每次单击的上一个值来跟踪数组中的位置。我想将这些变量更改为const，但是如果ES6中的const不应该更改（保持不变），那么如何通过不更改变量的值来实现相同的结果？我跟踪当前物品计数的方法是否不是我应该如何做

var itemCurrent = 10; // Starting number of items on page.
var itemsAdded = 15; // Number of items to add to page per button click.

document.getElementById('myButton').addEventListener('click', function() {

  for (let i = itemCurrent; i < itemCurrent + itemsAdded; i++) {
    if(i < data.projects.length) {
      //Do Stuff---------------------
    }
  }
  itemCurrent = itemCurrent + itemsAdded;
                
});

var itemCurrent=10；//页面上的起始项目数。
var itemsAdded=15；//每次单击按钮要添加到页面的项目数。
document.getElementById（'myButton'）。addEventListener（'click'，function（）{
for（设i=itemCurrent；i

我想可能会有一种更优雅的方法来做我想要的事情，但似乎使用let而不是var，让一切都保持原样是最好的方法。

如果变量正在改变它怎么可能是一个

常量呢？@nisarchreddy这就是为什么我要问我是否应该用另一种方法来做这件事。据我所知，在ES6中不应使用var，我能想到的唯一方法是使用变量。如果不能使用
var
，请尝试使用
let
，但请注意var和letJust use之间的范围差异，似乎有一种想法认为
let
有点邪恶。不是。好的做法很简单：将所有变量创建为
const
。如果在某个时刻必须重新分配一个，则将其切换到
let
。这就是它的全部内容，这将为您避免一些错误，因为您可能会无意中更改不应该更改的变量的值。它还可以帮助解释器优化代码，但没有什么不确定的