Kode saya:

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

Dan ketika saya mencoba menjalankan sesuatu seperti ini:

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

Saya mendapatkan:

Promise { <pending> }

Tapi kenapa?

Tujuan utama saya adalah mendapatkan token google.login(data.username, data.password)yang mengembalikan janji, menjadi variabel. Dan baru kemudian melakukan beberapa tindakan.

Promise akan selalu masuk dalam log selama hasilnya belum diselesaikan. Anda harus .thenmemenuhi janji untuk menangkap hasil terlepas dari status janji (diselesaikan atau masih menunggu keputusan):

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

Mengapa demikian?

Janji hanya mengarah ke depan; Anda hanya dapat menyelesaikannya satu kali. Nilai yang diselesaikan dari a Promisediteruskan ke metode .thenatau nya .catch.

Detail

Menurut spesifikasi Promises / A +:

Prosedur penyelesaian janji adalah operasi abstrak yang mengambil sebuah janji dan nilai sebagai masukan, yang kami nyatakan sebagai [[Selesaikan]] (janji, x). Jika x adalah a thenable, ia mencoba membuat promise mengadopsi status x, dengan asumsi bahwa x berperilaku setidaknya seperti sebuah promise. Jika tidak, itu memenuhi janji dengan nilai x.

Perlakuan terhadap tabel ini memungkinkan implementasi promise untuk beroperasi, selama mereka mengekspos metode Promises / A + -compliant then. Ini juga memungkinkan implementasi Promises / A + untuk "mengasimilasi" implementasi yang tidak sesuai dengan metode yang masuk akal.

Spesifikasi ini agak sulit diurai, jadi mari kita uraikan. Aturannya adalah:

Jika fungsi di .thenhandler mengembalikan nilai, maka Promisepenyelesaian dengan nilai itu. Jika handler mengembalikan yang lain Promise, maka yang asli Promisemenyelesaikan dengan nilai yang dirantai Promise. .thenPenangan berikutnya akan selalu berisi nilai yang diselesaikan dari janji berantai yang dikembalikan sebelumnya .then.

Cara kerjanya dijelaskan lebih rinci di bawah ini:

1. Kembalinya .thenfungsi akan menjadi nilai yang dijanjikan.

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. Jika .thenfungsi mengembalikan a Promise, maka nilai yang diselesaikan dari janji berantai tersebut akan diteruskan ke berikut ini .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"
  });

Saya tahu pertanyaan ini ditanyakan 2 tahun yang lalu, tetapi saya mengalami masalah yang sama dan jawaban untuk masalahnya adalah sejak ES6, bahwa Anda dapat dengan mudah awaitmengembalikan nilai fungsi, seperti:

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

The thenkembali metode janji yang tertunda yang dapat diselesaikan asynchronously dengan nilai kembali dari penangan hasil terdaftar dalam panggilan untukthen , atau ditolak dengan melemparkan kesalahan dalam penangan disebut.

Jadi, pemanggilan AuthUsertidak akan mendadak memasukkan pengguna secara sinkron, tetapi mengembalikan sebuah promise yang penangannya yang terdaftar akan dipanggil setelah login berhasil (atau gagal). Saya menyarankan untuk memicu semua proses masuk dengan thenklausul janji masuk. EG menggunakan fungsi bernama untuk menyoroti urutan aliran:

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

Lihat bagian MDN tentang Janji. Secara khusus, lihat jenis kembalian dari then ().

Untuk masuk, agen pengguna harus mengirimkan permintaan ke server dan menunggu untuk menerima tanggapan. Karena membuat aplikasi Anda benar-benar menghentikan eksekusi selama permintaan bolak-balik biasanya menghasilkan pengalaman pengguna yang buruk, hampir setiap fungsi JS yang memasukkan Anda (atau melakukan bentuk interaksi server lainnya) akan menggunakan Promise, atau sesuatu yang sangat mirip dengannya , untuk memberikan hasil secara asinkron.

Sekarang, perhatikan juga bahwa returnpernyataan selalu dievaluasi dalam konteks fungsi kemunculannya. Jadi ketika Anda menulis:

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

pernyataan itu return token;berarti bahwa fungsi anonim yang diteruskan then()harus mengembalikan token, bukan AuthUserfungsi yang seharusnya. Apa AuthUsermengembalikan adalah hasil dari panggilan google.login(username, password).then(callback);, yang terjadi menjadi Promise.

Pada akhirnya panggilan balik Anda token => { return token; }tidak melakukan apa pun; sebaliknya, masukan Anda then()ke harus berupa fungsi yang benar-benar menangani token dalam beberapa cara.

Janji Anda menunggu, selesaikan dengan

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

setelah kode Anda yang tersisa. Semua yang dilakukan kode ini adalah yang .then()memenuhi janji Anda & menangkap hasil akhir dalam variabel hasil & hasil cetak di konsol. Perlu diingat, Anda tidak dapat menyimpan hasil dalam variabel global. Semoga penjelasan itu bisa membantu Anda.