Início / user-19104772

Toby Harnish's questions

Martin Hope
Toby Harnish
Asked: 2024-02-12 00:53:20 +0800 CST
  • 7

Esta é uma observação interessante que fiz ao experimentar promessas em JS. Considere este código:

Promise.resolve(1).then(2).then(console.log);

Isso imprime 1 como saída. Por que a API de promessa implementada nativamente não lançou uma exceção? Qual é a vantagem de "ignorar" o argumento não funcional quando ele está sendo ignorado? Eu realmente apreciaria uma resposta

Esta postagem é encontrada no MDN .

javascript
Martin Hope
Toby Harnish
Asked: 2023-08-20 04:19:42 +0800 CST
  • 9

Recentemente, encontrei esta pergunta no Stack Overflow, perguntando sobre como o método then realmente funciona em JavaScript. O respondente, Trincot, fez o seguinte comentário:

O host verificará quais filas de trabalhos possuem entradas, dando preferência às filas de trabalhos com alta prioridade. Uma fila de tarefas do Promise tem uma prioridade muito alta, normalmente mais alta do que a fila de eventos que lida com a interação do usuário ou outros eventos externos. Portanto, o trabalho que foi colocado na fila na etapa 4 acima é retirado da fila Promise Job. Este trabalho chamará sequencialmente as funções de retorno de chamada que foram registradas como retornos de chamada (como o registrado na etapa 7) no objeto myPromise.

Se entendi sua explicação corretamente, sempre que a função resolve é invocada, o JavaScript agendará uma microtarefa (ou um job) na fila de jobs, que executará todos os callbacks passados ​​para eles, incluindo o encadeamento, quando a pilha de chamadas estiver vazia. Por exemplo:

Promise.resolve("Hi")
    .then(() => {
        console.log("Hi");
    })
    .then(() => {
        console.log("World");
    });

Nesse caso, a promessa é resolvida imediatamente, o que significa que uma microtarefa será agendada imediatamente. Quando os retornos de chamada terminarem a execução, o mecanismo JS verificará se há microtarefas na fila. Como a promessa foi resolvida imediatamente, ele executará a microtarefa, que por sua vez executa todos os manipuladores passados ​​para o método then. Como resultado, o código produzirá "Hi" e "World".

No entanto, por que esse código gera "1 3 2 4" em vez de "1 2 3 4"?

const p1 = Promise.resolve();
const p2 = Promise.resolve();
p1.then(() => {
    console.log(1);
}).then(() => {
    console.log(2);
});
p2.then(() => {
    console.log(3);
}).then(() => {
    console.log(4);
});

Acredito que o código deve gerar "1 2 3 4" em vez de "1 3 2 4". Isso ocorre porque, quando p1 e p2 são resolvidos, duas microtarefas são enfileiradas. À medida que os retornos de chamada terminam a execução, eles adicionam esses retornos de chamada às suas listas internas. Assim que a pilha de chamadas estiver vazia, o mecanismo JS seleciona a tarefa mais antiga da fila e a executa. Essa tarefa deve executar todos os manipuladores passados ​​para essa instância específica do Promise. No entanto, não parece estar acontecendo como o esperado. Alguém poderia me explicar o motivo desse comportamento?

Obrigado pelo seu tempo e tenha um ótimo dia!

javascript