javascript - 我没有在React项目中定义for循环

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 4 年前。

Improve this question

有人知道为什么 i 没有在此循环中定义吗？我无法弄清楚...

我正在尝试对从 api 接收到的数据页面进行分页，并将其全部收集到一个数组中并将其存储在状态中，但我的 for 循环似乎无法工作，因为错误:“i is未定义”

我还应该怎么做呢？？？

gatherAllCharacters = () => {
    fetch(`https://rickandmortyapi.com/api/character/`)
      .then(res => res.json())
      .then(data => {
        let characters = data.results;
        const totalPages = data.info.pages;
        if (totalPages > 1) {
          for (i = 2; i <= totalPages; i++) {
            let page = i;
            fetch(`https://rickandmortyapi.com/api/character/?page=${i}`)
              .then(res => res.json())
              .then(data => {
                characters = characters.concat(data.results);
                if (page === totalPages) {
                  this.setState({ allCharacters: characters });
                }
              });
          }
        } else {
          console.log("none");
        }
      });
  };

Answer 1

您可以像上面那样创建一个 for 循环

 for (i = 2; i <= totalPages; i++) {
     //perform loop
 }

然而，这会在全局命名空间中生成一个变量 i，这通常是一个坏主意。

因此你应该在使用它之前初始化 i，如下所示:

 for (let i = 2; i <= totalPages; i++) {
     //perform loop
 }

因此 ECMA 决定采用一种模式，在此模式(以及我的其他会导致不良副作用的功能)会抛出错误。

在这里查看更多https://www.w3schools.com/js/js_strict.asp

由于您的应用处于严格使用模式，它将抛出错误“i 未定义”

记住在使用变量之前先初始化它!

<小时/>

关于 let 和 var 你应该了解的几件事

1. var 和 let 可以更改其值，而 const 无法更改其值
2. var 可以在函数中的任何位置访问，但 let 和 const 只能在函数内部访问声明它们的 block 。