如何访问 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)
    })
  }
};

如您所见，我在控制台中记录了名称，并且确实在控制台中获得了正确的值。但只有当我调用函数 getUser() 时才在那里工作，即使返回 names 变量，我也会得到 undefined。

我需要$scope 那个变量。

Answer 1

getUser() 没有返回任何内容。你需要从Spotify.getCurrentUser()返回promise，然后当你在那个中返回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 得到解决时调用 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();