javascript - 如何向全局数组添加异步信息？

Question

我正在学习 Node JS 以及如何访问 API 的信息，我遇到了一个问题，当我将值推送到数组时，信息永远不会全局添加。

假设我有 var albIds= new Array(5)，这些值永远不会被添加。通过查看this和 this我现在知道问题是，由于同步代码首先完成，因此在调用它时信息永远不会进入数组，但是，我对如何使同步等待异步完成感到困惑。

到目前为止我的代码。

//prints out albums 1-5 id's
var id = '3TVXtAsR1Inumwj472S9r4';
var albIds= new Array(5);
async function getAlbums(i) {

var authOptions = {
  url: 'https://accounts.spotify.com/api/token',
  headers: {
    'Authorization': 'Basic ' + (new Buffer.from(client_id + ':' + client_secret).toString('base64'))
  },
  form: {
    grant_type: 'client_credentials'
  },
  json: true
};

request.post(authOptions, function(error, response, body) {
  if (!error && response.statusCode === 200) {

    // use the access token to access the Spotify Web API
    // const querystring = require('querystring');

const data = {
  market: "US",
  limit: "5"
};
const  q = querystring.stringify(data);
    var token = body.access_token;
    var options = {
      url: 'https://api.spotify.com/v1/artists/'+id+'/albums?'+q,
      headers: {
        'Authorization': 'Bearer ' + token
      },
      json: true
    };
  request.get(options, function(error, response, body)
     {
  for(var i = 0; i<5;i++)
      {
       albIds.push(body.items[i].id);
      }
});
}

})
};

async function fetchUsers()
{
  for(var i = 0;i<5;i++)
  {
    await getAlbums(i);
    console.log(albIds[i]);
  }
}
fetchUsers();

任何帮助表示赞赏。作为引用，我正在使用 Spotify's API

Answer 1

仅供引用，albIds 不是全局的。它是一个模块范围的变量。

然后，您需要了解 await 仅当您正在等待与异步操作完成相关的 promise 时才会执行一些有用的操作。 getAlbums() 函数的情况并非如此。虽然它被声明为异步，因此它确实返回一个 promise ，但该 promise 与异步操作的完成完全无关。

相反， promise 早在您将任何数据放入 albIds 数组之前就完成了。因此，您认为该数组是空的(因为当您尝试使用它时尚未将任何内容放入其中)。

这是我的建议:

const rp = require('request-promise');

//prints out albums 1-5 id's
const id = '3TVXtAsR1Inumwj472S9r4';

async function getAlbums(i) {
    const albIds = new Array(5);

    const authOptions = {
        url: 'https://accounts.spotify.com/api/token',
        headers: {'Authorization': 'Basic ' + (new Buffer.from(client_id + ':' + client_secret).toString('base64'))},
        form: {grant_type: 'client_credentials'},
        json: true
    };

    const body = await rp.post(authOptions, function(error, response, body) {

    const data = {
        market: "US",
        limit: "5"
    };
    const q = querystring.stringify(data);
    const token = body.access_token;
    const options = {
        url: 'https://api.spotify.com/v1/artists/' + id + '/albums?' + q,
        headers: { 'Authorization': 'Bearer ' + token },
        json: true
    };
    let result = await rp.get(options);

    for (let j = 0; j < 5; j++) {
        albIds.push(result.items[j].id);
    }
    // let resolved value be the array
    return albIds;
};

async function fetchUsers() {
    for (let i = 0; i < 5; i++) {
        const albiIds = await getAlbums(i);
        console.log(albIds[i]);
    }
}
fetchUsers();

变更摘要:

1. 切换到请求 promise 库，该库使用 promise 来传达结果并自动检查 2xx 状态。这与 async 函数更加兼容，我们可以将 await 与它一起使用。
2. 使 albIds 成为 getAlbums() 的解析值，而不是范围更大的共享变量(更容易受到并发问题的影响，并且确保您无法在它准备好之前尝试使用它)。
3. 在 fetchUsers() 中，使用来自 getAlbums() 返回的 Promise 的 albIds。
4. 根据需要将所有变量更改为 let 或 const(此处根本不需要使用 var)。
5. 在请求 promise 调用上使用 await 可以简化代码流程并与 getAlbums() 返回的 promise 兼容。

<小时/>

仅供引用，如果这是相当新的代码，我将停止使用 request 或 request-promise 库，因为它们在新开发中已被正式弃用。虽然它们将得到维护，但随着时间的推移，它们不会添加新功能。你可以读到为什么会发生这种情况，但基本上它们已经存在了很长时间，并且 Node.js 在那段时间发生了很大的变化，以至于它们的维护和发展变得有点困惑。但是，有如此多的用户，他们无法真正对 API 进行重大更改，而他们必须这样做才能真正继续向前推进(例如使其完全由 promise 驱动)。而且，由于有许多具有更现代设计的良好替代品，他们决定将 future 交给其他替代品。我个人在大部分用途中都使用 got()，但还有许多其他替代方案可供选择。

参见Should I use the 'request' module for a new project?了解更多信息。