JS setInterval被多次调用

Question

我有以下代码

if (input.isValidLink()) {
  store()
    .then(db => db.update(message.from, text, json))
    .then(value => value.selectAllFromDB())
    .then(users => makeRequest(users));
}

AMD MakeRequest函数

makeRequest(user) {
  setInterval(() => {
    users.forEach(user => {
      httpRequest(user.json);
    });
  }, 10000);
}

我想做的是， selectAllFromDB function从db返回用户数组，并将其作为参数传递给makeRequest function ，该makeRequest function遍历每个用户，发送请求以接收json数据，并每隔10秒执行一次，因此它将不要错过任何更改。 每当任何用户发送链接时，它也应该开始监视此链接。 问题是，在每个接收到的链接上，它调用makeRequest function ，该makeRequest function创建另一个间隔，如果接收到两个链接，则我有两个间隔。 首先循环通过此数组

[{
  id: 1234,
  json: 'https://helloworld.com.json',
}]

然后通过这个

[{
  id: 1234,
  json: 'https://helloworld.com.json',
}, {
  id: 5678,
  json: 'https://anotherlink.com.json',
}]

有什么方法可以解决此问题，以便仅创建一个间隔？

Answer 1

您需要执行以下操作，以确保仅创建一个间隔并始终使用最新的用户列表：

let latestUsers;
let intervalId;
const makeRequest = (users) => {
  latestUsers = users;

  if (!intervalId) {
    intervalId = setInterval(() => {
      latestUsers.forEach(user => {
        httpRequest(user.json);
      });
    }, 10000);
  }
}

如果您不希望变量在周围浮动，则可以使用自调用函数将其包装得井井有条：

const makeRequest = (() => {
  let latestUsers;
  let intervalId;
  return (users) => {
    latestUsers = users;

    if (!intervalId) {
      intervalId = setInterval(() => {
        latestUsers.forEach(user => {
          httpRequest(user.json);
        });
      }, 10000);
    }
  }
})();