Яка різниця між повертається значенням або Promise.resolve від тоді ()

Яка різниця між:

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

і це:

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

Я запитую, як я отримую різну поведінку, використовуючи послугу Angular та $ http з ланцюжком .then (). Трохи забагато коду, тому спочатку наведений вище приклад.

Правило полягає в тому, що якщо функція, що знаходиться в thenобробнику, повертає значення, обіцянка вирішується / відхиляється з цим значенням, і якщо функція повертає обіцянку, що трапляється, наступним thenпунктом буде thenпункт обіцянки, функція повертається , тож у цьому випадку перший приклад потрапляє через звичайну послідовність thensта виводить значення, як можна було очікувати, у другому прикладі об'єктом обіцянки, який повертається, коли ви це робите Promise.resolve("bbb"), є тим, thenщо викликається при ланцюгу (для всіх намірів і цілей). Те, як це насправді працює, описано нижче більш докладно.

Цитуючи з специфікацій Promises / A +:

Процедура розв’язування обіцянки - це абстрактна операція, яка приймає як вхід обіцянку і значення, яке ми позначаємо як [[Resolve]](promise, x). Якщо xце є підданим, воно намагається змусити обіцянку прийняти станx , за умови, що х поводиться хоча б дещо як обіцянка . В іншому випадку він виконує обіцянку зі значенням x.

Таке поводження з thenables дозволяє реалізовувати реалізацію обіцянок до тих пір, поки вони виявляють метод Promis / A +-compliant, а потім. Це також дозволяє реалізаціям Promises / A + "асимілювати" невідповідні реалізації з розумними методами.

Головне, що слід помітити тут, це цей рядок:

якщо xце обіцянка, прийміть свою державу [3.4]

посилання: https://promisesaplus.com/#point-49

Простіше кажучи, всередині thenфункції обробника:

А) Коли xзначення (число, рядок тощо):

1. return x еквівалентно return Promise.resolve(x)
2. throw x еквівалентно return Promise.reject(x)

Б) Коли xвже обіцяна Обіцянка (вже не очікується):

1. return xеквівалентно return Promise.resolve(x), якщо Обіцянка вже була вирішена.
2. return xеквівалентно return Promise.reject(x), якщо Обіцяння вже було відхилено.

C) Коли xчекає Обіцянка:

1. return xповерне очікуване Обіцяння, і воно буде оцінено на наступному then.

Детальніше про цю тему читайте в документах Promise.prototype.then () .

Обидва ваші приклади повинні поводитися майже однаково.

Значення, повернене всередині then()обробника, стає роздільною здатністю обіцянки, повернутої з нього then(). Якщо значення, повернене всередині, .then є обіцянкою, обіцянка, повернута then()волею, "прийме стан" цієї обіцянки і вирішить / відхилить так само, як і повернута обіцянка.

У вашому першому прикладі ви повертаєтеся "bbb"в перший then()обробник, тому "bbb"передається в наступний then()обробник.

У вашому другому прикладі ви повертаєте обіцянку, яка негайно розв’язується зі значенням "bbb", тому "bbb"передається наступному then()обробнику. ( Promise.resolve()Тут стороннє).

Результат такий же.

Якщо ви можете показати нам приклад, який насправді проявляє різну поведінку, ми можемо сказати вам, чому це відбувається.

Ви вже отримали хорошу формальну відповідь. Я подумав, що слід додати короткий.

Наступні речі ідентичні обіцянкам / обіцянкам:

• Виклик Promise.resolve(у вашому кутовому випадку це $q.when)
• Виклик конструктора обіцянок і вирішення в його резолюції. У вашому випадку це так new $q.
• Повернення значення з thenзворотного дзвінка.
• Виклик Promise.all на масив зі значенням, а потім витягніть це значення.

Отже, усі є однаковими для обіцянки або простого значення 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]; });

І це не дивно, що специфікація обіцянок базується на процедурі вирішення обіцянки, яка дозволяє легко взаємодіяти між бібліотеками (наприклад, $ q та власними обіцянками) і полегшує ваше життя в цілому. Кожного разу, коли може виникнути рішення щодо обіцянки, виникає резолюція, що створює загальну послідовність.

Єдина відмінність полягає в тому, що ви створюєте непотрібну обіцянку, коли це зробите return Promise.resolve("bbb"). Повернення обіцянки від onFulfilled()обробника розпочинає вирішення обіцянки . Ось як працює ланцюжок обіцянок .