Apa perbedaan antara mengembalikan nilai atau Janji. Menanggapi sejak saat itu ()

Apa perbedaan antara:

new Promise(function(res, rej) {
    res("aaa");
  })
  .then(function(result) {
    return "bbb";
  })
  .then(function(result) {
    console.log(result);
  });

dan ini:

new Promise(function(res, rej) {
    res("aaa");
  })
  .then(function(result) {
    return Promise.resolve("bbb");
  })
  .then(function(result) {
    console.log(result);
  });

Saya bertanya karena saya mendapatkan perilaku yang berbeda Menggunakan layanan Angular dan $ http dengan chaining .then (). Sedikit kode terlalu banyak maka pertama contoh di atas.

Aturannya adalah, jika fungsi yang ada di thenhandler mengembalikan nilai, janji itu diselesaikan / ditolak dengan nilai itu, dan jika fungsi mengembalikan janji, apa yang terjadi adalah, thenklausa berikutnya adalah thenklausa janji yang dikembalikan fungsi , jadi, dalam hal ini, contoh pertama jatuh melalui urutan normal thensdan mencetak nilai - nilai seperti yang diharapkan, dalam contoh kedua, objek janji yang dikembalikan ketika Anda melakukannya Promise.resolve("bbb")adalah thenyang dipanggil saat rantai (untuk semua maksud dan tujuan). Cara kerjanya sebenarnya dijelaskan di bawah ini secara lebih rinci.

Mengutip dari Janji / spec A +:

Prosedur resolusi janji adalah operasi abstrak yang mengambil sebagai input janji dan nilai, yang kami tunjukkan sebagai [[Resolve]](promise, x). Jika xitu suatu masa lalu, ia berusaha membuat janji mengadopsi keadaanx , dengan asumsi bahwa x berperilaku setidaknya seperti janji . Kalau tidak, itu memenuhi janji dengan nilai x.

Perlakuan ini kemudian memungkinkan implementasi janji untuk beroperasi, selama mereka mengekspos metode Janji / A +-patuh maka. Hal ini juga memungkinkan implementasi Janji / A + untuk "mengasimilasi" implementasi tidak sesuai dengan metode yang masuk akal.

Hal utama yang perlu diperhatikan di sini adalah baris ini:

jika xada janji, adopsi negaranya [3.4]

tautan: https://promisesaplus.com/#point-49

Secara sederhana, di dalam thenfungsi handler:

A) Kapan xsuatu nilai (angka, string, dll):

1. return x setara dengan return Promise.resolve(x)
2. throw x setara dengan return Promise.reject(x)

B) Kapan xJanji yang sudah diselesaikan (tidak tertunda lagi):

1. return xsetara dengan return Promise.resolve(x), jika Janji sudah terselesaikan.
2. return xsetara dengan return Promise.reject(x), jika Janji sudah ditolak.

C) Kapan xJanji yang tertunda:

1. return xakan mengembalikan Janji yang tertunda, dan akan dievaluasi selanjutnya then.

Baca lebih lanjut tentang topik ini di dokumen Promise.prototype.then () .

Kedua contoh Anda harus berperilaku sama.

Nilai yang dikembalikan ke dalam then()handler menjadi nilai resolusi dari janji yang dikembalikan dari itu then(). Jika nilai yang dikembalikan ke dalam .then adalah janji, janji yang dikembalikan oleh then()akan "mengadopsi keadaan" dari janji itu dan menyelesaikan / menolak seperti halnya janji yang dikembalikan.

Dalam contoh pertama Anda, Anda kembali "bbb"ke then()penangan pertama , sehingga "bbb"diteruskan ke then()penangan berikutnya .

Dalam contoh kedua, Anda mengembalikan janji yang segera diselesaikan dengan nilai "bbb", sehingga "bbb"diteruskan ke then()penangan berikutnya . (Di Promise.resolve()sini luar).

Hasilnya sama.

Jika Anda dapat menunjukkan kepada kami contoh yang benar-benar menunjukkan perilaku yang berbeda, kami dapat memberi tahu Anda mengapa itu terjadi.

Anda sudah mendapat jawaban formal yang bagus. Saya pikir saya harus menambahkan yang pendek.

Hal-hal berikut identik dengan Janji / Janji + :

• Memanggil Promise.resolve(Dalam kasus Sudut Anda itu $q.when)
• Memanggil konstruktor janji dan menyelesaikan dalam resolvernya. Dalam kasus Anda itu new $q.
• Mengembalikan nilai dari thenpanggilan balik.
• Memanggil Janji. Semua pada array dengan nilai lalu ekstrak nilai itu.

Jadi yang berikut semuanya identik untuk janji atau nilai X:

Promise.resolve(x);
new Promise(function(resolve, reject){ resolve(x); });
Promise.resolve().then(function(){ return x; });
Promise.all([x]).then(function(arr){ return arr[0]; });

Dan tidak mengherankan, spesifikasi janji didasarkan pada Prosedur Resolusi Janji yang memungkinkan interoperasi yang mudah antara perpustakaan (seperti $ q dan janji asli) dan membuat hidup Anda secara keseluruhan lebih mudah. Setiap kali sebuah janji resolusi mungkin terjadi, sebuah resolusi muncul menciptakan keseluruhan konsistensi.

Satu-satunya perbedaan adalah bahwa Anda menciptakan janji yang tidak perlu ketika Anda melakukannya return Promise.resolve("bbb"). Mengembalikan janji dari onFulfilled()pawang dimulai dengan resolusi janji . Begitulah cara kerja chaining janji .