javascript - 在链式 Promise 中，为什么第二个 Promise 在第一个 Promise 之前执行？

Question

我正在使用此授权流程来获取 Spotify API 的访问 token 。这组链式 Promise 中的第一个 Promise 设置 access_token，除非出现错误，否则会将错误记录到控制台。第二个 promise 只是打印出最近设置的访问 token 。我认为这段代码会阻止第二个 .then() 内的代码执行，直到第一个 promise 得到解决。

console.log("PRE ACCESS TOKEN: " + spotifyApi.getAccessToken())

spotifyApi.clientCredentialsGrant().then(
  function(data) {
    console.log("The access token expires in " + data.body["expires_in"]);
    console.log("The access token is " + data.body["access_token"]);

    // Save the access token so that it's used in future calls
    spotifyApi.setAccessToken(data.body["access_token"]);
  },

  function(err) {
    console.log(
      "Something went wrong when retrieving an access token",
      err.message
    );
  }
).then( 
    console.log("POST ACCESS TOKEN: " + spotifyApi.getAccessToken())
); 

但是我得到了这个输出:

PRE ACCESS TOKEN: undefined
POST ACCESS TOKEN: undefined  

这意味着第二个 .then() 内的第二个 Promise 在第一个 Promise 之前执行。为什么会发生这种情况？我想我可能对 Javascript 中的 Promise 如何工作有一个根本性的误解，但我不确定我到底不明白什么。

Answer 1

这行代码没有链接 promise

.then( 
    console.log("POST ACCESS TOKEN: " + spotifyApi.getAccessToken())
); 

您将函数传递给 Promise，以便 Promise 可以在完成时调用该函数。

传递一个函数，它应该开始工作

.then(function() { 
    console.log("POST ACCESS TOKEN: " + spotifyApi.getAccessToken())
});