Kodum:

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

Ve böyle bir şeyi çalıştırmayı denediğimde:

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

Ben alıyorum:

Promise { <pending> }

Ama neden?

Ana hedefim, google.login(data.username, data.password)bir sözden dönen jetonu bir değişkene almaktır. Ve ancak o zaman bazı eylemleri önceden gerçekleştirin.

Söz, sonuçları henüz çözülmediği sürece her zaman beklemede olacaktır. .thenVaat edilen durumdan bağımsız olarak (çözüldü veya hala beklemede) sonuçları alma sözünü çağırmalısınız :

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

Neden?

Sözler yalnızca ileriye yöneliktir; Bunları yalnızca bir kez çözebilirsiniz. A'nın çözümlenmiş değeri veya yöntemlerine Promiseaktarılır ..then.catch

ayrıntılar

Sözler / A + özelliklerine göre:

Vaat çözüm prosedürü, girdi olarak bir vaadi ve değeri [[Çöz]] (vaat, x) olarak ifade ettiğimiz soyut bir işlemdir. Eğer x bir uygunsa, x'in en azından bir şekilde bir vaat gibi davrandığı varsayımı altında, x durumunu benimsemeye söz vermeye çalışır. Aksi takdirde x değeri ile verilen sözü yerine getirir.

Söz konusu ürünlerin bu şekilde ele alınması, Promises / A + uyumlu bir yöntemi ortaya koydukları sürece, sözlü uygulamaların birlikte çalışmasına izin verir. Ayrıca, Promises / A + uygulamalarının, uygun olmayan uygulamaları makul yöntemlerle "özümsemesine" olanak tanır.

Bu spesifikasyonu ayrıştırmak biraz zor, bu yüzden onu parçalayalım. Kural şudur:

.thenİşleyicideki işlev bir değer döndürürse, o değerle Promiseçözümlenir. İşleyici başka bir tane döndürürse Promise, orijinal Promisezincirleme çözümlenmiş değeri ile çözümlenir Promise. Bir sonraki .thenişleyici her zaman bir önceki bölümde döndürülen zincirleme vaadin çözümlenmiş değerini içerecektir .then.

Gerçekte çalışma şekli aşağıda daha ayrıntılı olarak açıklanmaktadır:

1. .thenFonksiyonun geri dönüşü , vaadin çözümlenmiş değeri olacaktır.

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İşlev a döndürürse Promise, zincirleme sözün çözümlenmiş değeri aşağıdakine iletilir .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"
  });

Bu sorunun 2 yıl önce sorulduğunu biliyorum, ancak ben de aynı sorunla karşılaştım ve sorunun cevabı ES6'dan beri, basitçe awaitişlevlerin değerini döndürebilirsiniz, örneğin:

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

thenYöntem çağrısına kayıtlı bir sonuç işleyici dönüş değeri asenkron çözülebilir bekleyen bir söz verir thendenilen işleyicisi içinde bir hata atarak veya geri çevirdi.

Bu nedenle arama AuthUser, kullanıcının aniden eşzamanlı olarak oturum açmasına neden olmaz, ancak oturum açma başarılı olduktan (veya başarısız olduktan) sonra kaydedilen işleyicileri çağrılacak olan bir söz verir. Tüm giriş işlemlerinin thengiriş vaadinin bir maddesi ile tetiklenmesini öneririm . EG, akış sırasını vurgulamak için adlandırılmış işlevleri kullanarak:

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

Vaatler hakkındaki MDN bölümüne bakın . Özellikle, then () dönüş türüne bakın .

Oturum açmak için, kullanıcı aracısının sunucuya bir istek göndermesi ve bir yanıt almayı beklemesi gerekir. Uygulamanızı bir istek gidiş dönüşü sırasında yürütmeyi tamamen durdurmanız genellikle kötü bir kullanıcı deneyimine yol açtığından, oturumunuzu açan (veya başka herhangi bir sunucu etkileşimi gerçekleştiren) hemen hemen her JS işlevi bir Söz veya buna çok benzer bir şey kullanacaktır. , sonuçları eşzamansız olarak sunmak için.

Şimdi, returnifadelerin her zaman içinde göründükleri işlev bağlamında değerlendirildiğine dikkat edin . Yani şunu yazdığınızda:

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

ifadesi return token;anonim işlev iletilmek anlamına geliyordu then(), jeton döndürmez o gerektiğini AuthUser, fonksiyon. Geri AuthUserdönen, google.login(username, password).then(callback);bir Söz olan çağırmanın sonucudur .

Sonuçta geri token => { return token; }aramanız hiçbir şey yapmaz; bunun yerine, then()girdinizin jetonu bir şekilde işleyen bir işlev olması gerekir.

Kişisel Promise kadar tamamlayıp, beklemede

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

kalan kodunuzdan sonra. Bu kodun yaptığı tek şey .then(), sözünüzü tamamlamak ve sonuç değişkeni ile sonuç değişkenini ve konsolda çıktıyı yazdırmaktır. Unutmayın, sonucu global değişkende saklayamazsınız. Umarım bu açıklama size yardımcı olabilir.