我的代码:
let AuthUser = data => {
return google.login(data.username, data.password).then(token => { return token } )
}
当我试图运行这样的东西:
let userToken = AuthUser(data)
console.log(userToken)
我得到:
Promise { <pending> }
但是为什么呢?
我的主要目标是得到令牌从google.login(数据。用户名,data.password),返回一个承诺,到一个变量。然后再执行一些动作。
如果这种情况发生在一个多值的数组中。
[
Promise { <pending> },
Promise { <pending> },
Promise { <pending> },
Promise { <pending> },
Promise { <pending> }
]
你可以使用Promise.all()来解决所有的promise。
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all
请参阅MDN承诺部分。特别是,查看then()的返回类型。
要登录,用户代理必须向服务器提交请求并等待接收响应。由于在请求往返期间让应用程序完全停止执行通常会导致糟糕的用户体验,实际上每个让您登录(或执行任何其他形式的服务器交互)的JS函数都将使用Promise或非常类似的东西来异步交付结果。
现在,还要注意,return语句总是在它们出现的函数的上下文中求值。所以当你写:
let AuthUser = data => {
return google
.login(data.username, data.password)
.then( token => {
return token;
});
};
语句返回令牌;意味着传递给then()的匿名函数应该返回令牌,而不是AuthUser函数应该返回令牌。AuthUser返回的是调用谷歌的结果。login(用户名,密码).then(回调);,这恰好是一个承诺。
最终你的回调令牌=>{返回令牌;}什么都不做;相反,then()的输入需要是一个以某种方式实际处理标记的函数。
如果这种情况发生在一个多值的数组中。
[
Promise { <pending> },
Promise { <pending> },
Promise { <pending> },
Promise { <pending> },
Promise { <pending> }
]
你可以使用Promise.all()来解决所有的promise。
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all
then方法返回一个挂起的承诺,该承诺可以通过在then调用中注册的结果处理程序的返回值异步解析,也可以通过在被调用的处理程序中抛出错误来拒绝。
因此,调用AuthUser不会突然同步地让用户登录,而是返回一个承诺,在登录成功(或失败)后调用该承诺的注册处理程序。我建议通过登录承诺的then子句触发所有登录处理。例如,使用命名函数来突出显示流的顺序:
let AuthUser = data => { // just the login promise
return google.login(data.username, data.password);
};
AuthUser(data).then( processLogin).catch(loginFail);
function processLogin( token) {
// do logged in stuff:
// enable, initiate, or do things after login
}
function loginFail( err) {
console.log("login failed: " + err);
}