javascript - 在javascript中返回承诺

Question

我需要一些帮助来兑现承诺。我不明白为什么我没有得到球员的价值

编码

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) => {});
});

我无法访问值播放器的侦听器函数中的代码

标签： javascript

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>