为什么非异步函数异步运行？

Question

我的功能必须从Spotify API中验证某些艺术家，但是当我运行它时，艺术家[]仍然空了，因为该功能异步运行，它在没有设置艺术家的情况下填充了可变用户。

let artists = []

function setArtists(input) {
  artists.length = 0
  let parsedInput = input.value.split(",")
  parsedInput.forEach(artist => {
    validateArtist(artist)
  })
}

function validateArtist(s) {
  let token = localStorage.getItem("Token")
  let url = "https://api.spotify.com/v1/search?type=artist&q=" + s
  console.log(url)
  fetch(url, {
      "method": "GET",
      "headers": {
        'Accept': 'application/json',
        'Content-Type': 'application/json',
        "Authorization": "Bearer " + token,
      }
    })
    .then(response => {
      if (response.status === 401) {
        refreshToken(s)
      }
      return response.json()
    })
    .then(searchedResults => searchedResults.artists.items.length != 0)
    .then(isArtist => {
      if (isArtist) {
        artists.push(s)
      }
    })
}

这是我称之为功能，我以前称之为它，所以它可以填补艺术家

setArtists(document.getElementById("artistiPreferiti"))
    var user = {
            username: document.getElementById("username").value,
            email: document.getElementById("email").value,
            password: document.getElementById("password").value,
            gustiMusicali: document.getElementById("gustiMusicali").value,
            artistiPreferiti: artists
    }    
 

我缺少什么？

Answer 1

async（和等待）关键字是 Manage 承诺的工具，又是以标准方式管理异步代码的工具。

async关键字的使用不会使函数异步运行，并且不使用关键字并不能阻止异步代码如此。

提取不同步运行。您的代码使用提取。因此，您的代码是异步的。