Mein Code:

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

Und wenn ich versuche, so etwas auszuführen:

let userToken = AuthUser(data)
console.log(userToken)

Ich erhalte:

Promise { <pending> }

Aber wieso?

Mein Hauptziel ist es, ein Token, von google.login(data.username, data.password)dem ein Versprechen zurückgegeben wird, in eine Variable zu verwandeln. Und erst dann einige Aktionen durchführen.

Das Versprechen wird immer ausstehend protokolliert, solange die Ergebnisse noch nicht geklärt sind. Sie müssen .thendas Versprechen aufrufen , um die Ergebnisse unabhängig vom Versprechungsstatus (gelöst oder noch ausstehend) zu erfassen:

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

Warum ist das so?

Versprechen sind nur Vorwärtsrichtung; Sie können sie nur einmal lösen. Der aufgelöste Wert von a Promisewird an seine .thenoder .catchMethoden übergeben.

Einzelheiten

Gemäß der Promises / A + Spezifikation:

Das Versprechenlösungsverfahren ist eine abstrakte Operation, bei der ein Versprechen und ein Wert als Eingabe verwendet werden, die wir als [[Auflösen]] (Versprechen, x) bezeichnen. Wenn x ein dannable ist, versucht es, das Versprechen dazu zu bringen, den Zustand von x anzunehmen, unter der Annahme, dass sich x zumindest etwas wie ein Versprechen verhält. Ansonsten erfüllt es das Versprechen mit dem Wert x.

Diese Behandlung von thenables ermöglicht die Interoperation von Versprechen-Implementierungen, solange sie eine Promises / A + -konforme then-Methode offenlegen. Es ermöglicht Promises / A + -Implementierungen auch, nicht konforme Implementierungen mit angemessenen Methoden zu „assimilieren“.

Diese Spezifikation ist etwas schwer zu analysieren, also lasst es uns zusammenfassen. Die Regel lautet:

Wenn die Funktion im .thenHandler einen Wert zurückgibt, wird der Promisemit diesem Wert aufgelöst. Wenn der Handler einen anderen zurückgibt Promise, wird das Original Promisemit dem aufgelösten Wert der verketteten aufgelöst Promise. Der nächste .thenHandler enthält immer den aufgelösten Wert des verketteten Versprechens, das im vorhergehenden zurückgegeben wurde .then.

Die Art und Weise, wie es tatsächlich funktioniert, wird nachstehend ausführlicher beschrieben:

1. Die Rückgabe der .thenFunktion ist der aufgelöste Wert des Versprechens.

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. Wenn die .thenFunktion a zurückgibt Promise, wird der aufgelöste Wert dieses verketteten Versprechens an Folgendes übergeben .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"
  });

Ich weiß, dass diese Frage vor 2 Jahren gestellt wurde, aber ich stoße auf dasselbe Problem und die Antwort auf das Problem lautet seit ES6, dass Sie einfach awaitdie Funktionen zurückgeben können, wie zum Beispiel:

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

Die thenMethode gibt ein ausstehendes Versprechen zurück, das asynchron durch den Rückgabewert eines im Aufruf an registrierten Ergebnishandlers aufgelöst thenoder durch Auslösen eines Fehlers im aufgerufenen Handler zurückgewiesen werden kann.

Ein Anruf AuthUsermeldet den Benutzer also nicht plötzlich synchron an, sondern gibt ein Versprechen zurück, dessen dann registrierte Handler aufgerufen werden, nachdem die Anmeldung erfolgreich war (oder fehlschlägt). Ich würde vorschlagen, die gesamte Anmeldeverarbeitung durch eine thenKlausel des Anmeldeversprechens auszulösen . EG verwendet benannte Funktionen, um die Abfolge des Flusses hervorzuheben:

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

Siehe den MDN-Abschnitt zu Versprechen. Schauen Sie sich insbesondere den Rückgabetyp von then () an.

Um sich anzumelden, muss der Benutzeragent eine Anfrage an den Server senden und auf eine Antwort warten. Da die Ausführung Ihrer Anwendung während eines Anforderungsrundgangs normalerweise zu einer schlechten Benutzererfahrung führt, verwendet praktisch jede JS-Funktion, die Sie anmeldet (oder eine andere Form der Serverinteraktion ausführt), ein Versprechen oder etwas Ähnliches , um Ergebnisse asynchron zu liefern.

Beachten Sie jetzt auch, dass returnAnweisungen immer im Kontext der Funktion ausgewertet werden, in der sie erscheinen. Wenn Sie also geschrieben haben:

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

Die Anweisung return token;bedeutete, dass die anonyme Funktion, an then()die übergeben wird, das Token zurückgeben sollte, nicht dass die AuthUserFunktion sollte. Was AuthUserzurückkommt, ist das Ergebnis eines Anrufs google.login(username, password).then(callback);, der zufällig ein Versprechen ist.

Letztendlich macht Ihr Rückruf token => { return token; }nichts; Stattdessen muss Ihre Eingabe an then()eine Funktion sein, die das Token tatsächlich auf irgendeine Weise verarbeitet.

Ihr Versprechen steht noch aus. Vervollständigen Sie es bis

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

nach Ihrem verbleibenden Code. Dieser Code erfüllt .then()lediglich Ihr Versprechen und erfasst das Endergebnis in der Ergebnisvariablen und druckt das Ergebnis in der Konsole. Beachten Sie, dass Sie das Ergebnis nicht in einer globalen Variablen speichern können. Hoffe, dass die Erklärung Ihnen helfen könnte.