JS异步/等待Pokemon Api

Question

我有一个异步函数在我点击一个叫做“下一步”的按钮后被调用。代码正在等待从https://pokeapi.co/api/v2/pokemon/${id}获取，每次单击事件侦听器时，ID都应该更新。然而，在我目前的技能水平上，我似乎找不到一种方法来更改async函数中的id常量，我想知道是否有更好的方法来编写它？例如，我声明了id=1，因为第一个精灵是Bulbasaur。现在，每当我单击名为"next“的事件侦听器时，我希望通过将函数中的id变量加1来刷新函数。

    async function nextPokemon(){
    let id = 1
    const res = await fetch(`https://pokeapi.co/api/v2/pokemon/${id}`);
    const pokemon = await res.json()
   }

next.addEventListener('click', nextPokemon)

Answer 1

在函数外部声明你的变量，下面是一个例子

​

let id = 1
    async function nextPokemon(){
        const res = await fetch(`https://pokeapi.co/api/v2/pokemon/${id}`);
        const pokemon = await res.json()
        console.log(id)
        id++
       }
 next=document.getElementById("btn")      
next.addEventListener('click', nextPokemon)

<button id="btn">click</button>

​