私のコード：

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.username, data.password)、promiseを返すトークンを変数に取得することです。その後、いくつかのアクションを実行します。

結果がまだ解決されていない限り、promiseは常に保留中のログを記録します。.thenpromiseの状態（解決済みまたは保留中）に関係なく結果をキャプチャするには、promiseを呼び出す必要があります。

let AuthUser = function(data) {
  return google.login(data.username, data.password).then(token => { return token } )
}

let userToken = AuthUser(data)
console.log(userToken) // Promise { <pending> }

userToken.then(function(result) {
   console.log(result) // "Some User token"
})

何故ですか？

約束は順方向のみです。解決できるのは1回だけです。aの解決された値は、Promiseその.thenor .catchメソッドに渡されます。

細部

Promises / A +仕様によると：

promiseの解決手順は、promiseと値を入力として受け取る抽象的な操作であり、[[Resolve]]（promise、x）と表記します。xがthenableである場合、xは少なくともいくらかpromiseのように動作するとの仮定の下で、promiseにxの状態を採用させようとします。それ以外の場合は、値xでpromiseを満たします。

thenablesのこの処理により、Promises / A +準拠のthenメソッドが公開されている限り、promise実装を相互運用できます。また、Promises / A +実装は、妥当なthenメソッドを使用して、非準拠の実装を「同化」することができます。

この仕様は解析が少し難しいので、分解してみましょう。ルールは：

.thenハンドラーの関数が値を返す場合、Promiseその値で解決されます。ハンドラーが別のハンドラーを返す場合、PromiseオリジナルPromiseはチェーンされた解決済みの値で解決されますPromise。次の.thenハンドラーには常に、前ので返されたチェインされたpromiseの解決された値が含まれます.then。

実際に機能する方法を以下で詳しく説明します。

1. .then関数の戻り値は、promiseの解決された値になります。

function initPromise() {
  return new Promise(function(res, rej) {
    res("initResolve");
  })
}

initPromise()
  .then(function(result) {
    console.log(result); // "initResolve"
    return "normalReturn";
  })
  .then(function(result) {
    console.log(result); // "normalReturn"
  });

2. .then関数がを返す場合、Promiseそのチェーンされたpromiseの解決された値が次のに渡されます.then。

function initPromise() {
  return new Promise(function(res, rej) {
    res("initResolve");
  })
}

initPromise()
  .then(function(result) {
    console.log(result); // "initResolve"
    return new Promise(function(resolve, reject) {
       setTimeout(function() {
          resolve("secondPromise");
       }, 1000)
    })
  })
  .then(function(result) {
    console.log(result); // "secondPromise"
  });

私はこの質問が2年前に尋ねられたことを知っていますが、私は同じ問題に遭遇し、問題の答えはES6からですawait。

let AuthUser = function(data) {
  return google.login(data.username, data.password).then(token => { return token } )
}

let userToken = await AuthUser(data)
console.log(userToken) // your data

thenこの方法は、呼び出しで登録された結果ハンドラの戻り値によって非同期的に解決することができ、保留中の約束を返すthenと呼ばれるハンドラ内でエラーを投げることによって、または拒否を。

したがって、呼び出しAuthUserは突然ユーザーを同期的にログインさせませんが、ログインが成功（または失敗）した後に登録されたハンドラーが呼び出されるpromiseを返します。thenログインプロミスの条項によってすべてのログイン処理をトリガーすることをお勧めします。EGは名前付き関数を使用してフローのシーケンスを強調表示します。

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);
}

PromiseのMDNセクションを参照してください。特に、then（）の戻り値の型を見てください。

ログインするには、ユーザーエージェントはサーバーにリクエストを送信し、レスポンスを受信するまで待機する必要があります。リクエストの往復中にアプリケーションを完全に停止させると、通常、ユーザーエクスペリエンスが低下するため、実際にログインする（または他の形式のサーバー操作を実行する）すべてのJS関数は、Promiseなどを使用します、非同期で結果を提供します。

ここで、returnステートメントは常に、それらが出現する関数のコンテキストで評価されることにも注意してください。

let AuthUser = data => {
  return google
    .login(data.username, data.password)
    .then( token => {
      return token;
    });
};

このステートメントreturn token;は、渡される匿名関数がthen()トークンを返す必要があることを意味しており、関数が返す必要があることを意味していませんAuthUser。何AuthUserの呼び出しの結果を返すでgoogle.login(username, password).then(callback);の約束であることを起こるそれは、。

最終的にあなたのコールバック token => { return token; }は何もしません。代わりに、への入力then()は、実際にトークンを何らかの方法で処理する関数である必要があります。

あなたの約束は保留中です。

userToken.then(function(result){
console.log(result)
})

残りのコードの後。このコードが行うことは.then()、約束を完了し、最終結果を結果変数に取り込み、結果をコンソールに出力することです。結果をグローバル変数に格納することはできません。その説明があなたに役立つことを願っています。