javascript - 在 JavaScript 中返回 Promise

Question

我需要一些帮助来兑现 promise 。我不明白为什么我没有获得玩家的值(value)

代码

const playerSelectName = document.getElementById('sel1');
const playerSelectPosition = document.getElementById('sel2');
const playerSelectAge = document.getElementById('sel3');
const searchButton = document.getElementById('search-btn');

async function getPlayers() {
    const response = await fetch('https://football-players-b31f2.firebaseio.com/players.json?print=pretty');
    const playersObject = await response.json();
    return playersObject;
}

searchButton.addEventListener('click', async () => {
    const players = await getPlayers();
    let [ name, position, age ] = [ playerSelectName.value, playerSelectPosition.value, playerSelectAge.value ];
    yersObject.filter((playerAge) => {});
});

我无法访问值(value)玩家的监听器函数内的代码

Answer 1

问题在于解构检查下面的代码片段。我希望这能解决这个问题。另请更新您想要在过滤器中实现的目标，以便我可以添加解决方案。

我不明白你在解构部分和过滤器之后想做什么

async function getPlayers() {
    const response = await fetch('https://football-players-b31f2.firebaseio.com/players.json?print=pretty');
    const playersObject = await response.json();
    return playersObject;
}

const searchButton = document.getElementById('search-btn');

searchButton.addEventListener('click', async () => {
    const players = await getPlayers();
    players.forEach(player => {
     const {name, nationality, position} = player
     console.log(name, nationality, position)
    })
    
});

<button id='search-btn'>
  Load Results
</button>