如何在promise`.then`方法之外訪問變量？

Question

我正在開發Spotify應用。 我可以登錄並獲取我的令牌。 我的問題是我無法在方法外訪問變量。 在這種情況下， "getCurrentUser"

這是我的方法：

function getUser() {
  if ($localStorage.token == undefined) {
    throw alert("Not logged in");
  } else {
    Spotify.getCurrentUser().then(function(data) {
      var names = JSON.stringify(data.data.display_name);
      console.log(names)
    })
  }
};

如您所見，我在console.log中記錄了名稱，並在控制台中獲得了正確的值。 但是僅在我調用函數getUser()可以使用，即使返回names變量也undefined得到undefined 。

我需要$scope該變量。

Answer 1

getUser()不返回任何東西。 您需要從Spotify.getCurrentUser()返回諾言，然后在其中返回names ，它由外部函數返回。

function getUser() {

    if ( $localStorage.token == undefined) {
        throw alert("Not logged in");
    }
    else {
        return Spotify.getCurrentUser().then(function(data) {
            var names = JSON.stringify(data.data.display_name);
            console.log(names)
            return names;
        })
    }
}

上面的答案回答了為什么在調用getUser()時得到undefined原因，但是如果要使用最終結果，您還想更改使用從getUser獲得的值的方式-它返回一個promise對象，而不是end您所追求的結果，因此您的代碼要在承諾得到解決時調用promise的then方法：

getUser()                        // this returns a promise...
   .then(function(names) {       // `names` is the value resolved by the promise...
      $scope.names = names;      // and you can now add it to your $scope
   });

Answer 2

如果這樣使用，則可以使用await調用

function getUser() {

    if ( $localStorage.token == undefined) {
        throw alert("Not logged in");
    }
    else {
        return Spotify.getCurrentUser().then(function(data) {
            var names = JSON.stringify(data.data.display_name);
            console.log(names)
            return names;
        });
    }
}

const names = await getUser();