Qual é a diferença entre retornar valor ou Promise.resolve a partir de então ()

Qual é a diferença entre:

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

e isto:

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

Estou perguntando como estou obtendo um comportamento diferente usando o serviço Angular e $ http com encadeamento .then (). Um pouco de código, portanto, primeiro o exemplo acima.

A regra é que, se a função que está no thenmanipulador retornar um valor, a promessa será resolvida / rejeitada com esse valor e, se a função retornar uma promessa, o que acontece é que a próxima thencláusula será a thencláusula da promessa que a função retornou , portanto, neste caso, o primeiro exemplo cai na sequência normal dos thensvalores e imprime como Promise.resolve("bbb")seria de esperar, no segundo exemplo, o objeto de promessa que é retornado quando você o faz é o thenque é invocado ao encadear (para todos os efeitos). A maneira como ele realmente funciona é descrita abaixo com mais detalhes.

Citando as especificações Promises / A +:

O procedimento de resolução de promessa é uma operação abstrata, tendo como entrada uma promessa e um valor, que designamos como [[Resolve]](promise, x). Se xé um termo utilizável, ele tenta fazer com que a promessa adote o estado dex , sob a suposição de que x se comporta pelo menos um pouco como uma promessa . Caso contrário, cumpre a promessa com o valor x.

Esse tratamento de tabelas executáveis ​​permite que as implementações de promessa interoperem, desde que exponham um método compatível com Promises / A +. Ele também permite que as implementações do Promises / A + “assimilem” as implementações não conformes com métodos razoáveis.

O principal a notar aqui é esta linha:

se xfor uma promessa, adote seu estado [3.4]

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

Em termos simples, dentro de uma thenfunção de manipulador:

A) Quando xé um valor (número, string, etc):

1. return x é equivalente a return Promise.resolve(x)
2. throw x é equivalente a return Promise.reject(x)

B) Quando xé uma Promessa que já está liquidada (não está mais pendente):

1. return xé equivalente a return Promise.resolve(x), se a Promessa já tiver sido resolvida.
2. return xé equivalente a return Promise.reject(x), se a promessa já foi rejeitada.

C) Quando xhá uma promessa pendente:

1. return xretornará uma promessa pendente e será avaliada no subsequente then.

Leia mais sobre este tópico nos documentos Promise.prototype.then () .

Ambos os seus exemplos devem se comportar da mesma forma.

Um valor retornado dentro de um then()manipulador se torna o valor de resolução da promessa retornada a partir dele then(). Se o valor retornado dentro da .then promessa for uma promessa, a promessa retornada por then()"adotará o estado" dessa promessa e resolverá / rejeitará exatamente como a promessa retornada.

No seu primeiro exemplo, você retorna "bbb"no primeiro then()manipulador, "bbb"sendo passado para o próximo then()manipulador.

No seu segundo exemplo, você retorna uma promessa que é imediatamente resolvida com o valor "bbb", "bbb"sendo passada para o próximo then()manipulador. (O Promise.resolve()aqui é estranho).

O resultado é o mesmo.

Se você pode nos mostrar um exemplo que realmente exibe comportamento diferente, podemos dizer por que isso está acontecendo.

Você já teve uma boa resposta formal. Eu pensei que deveria adicionar um pequeno.

As seguintes coisas são idênticas às promessas / promessas A + :

• Chamando Promise.resolve(no seu caso Angular, isso é $q.when)
• Chamando o construtor da promessa e resolvendo em seu resolvedor. No seu caso, é isso new $q.
• Retornando um valor de um thenretorno de chamada.
• Chamando Promise.all em uma matriz com um valor e extraia esse valor.

Portanto, todos os itens a seguir são idênticos para uma promessa ou valor simples 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]; });

E não é nenhuma surpresa, a especificação de promessas é baseada no Procedimento de resolução de promessas, que permite fácil interoperação entre bibliotecas (como $ q e promessas nativas) e facilita sua vida em geral. Sempre que uma resolução de promessa pode ocorrer, ocorre uma resolução criando consistência geral.

A única diferença é que você está criando uma promessa desnecessária return Promise.resolve("bbb"). Retornar uma promessa de um onFulfilled()manipulador inicia a resolução da promessa . É assim que o encadeamento de promessas funciona.