Início / coding / Perguntas / 79128069
Accepted
Heiko Theißen
Asked: 2024-10-26 16:02:57 +0800 CST

A redefinição de promessa não afeta as promessas retornadas por funções nativas

  • 772

(Veja também esta resposta .)

Quando eu redefini a Promiseclasse (com um "monkey-patch" como mostrado abaixo), isso não afeta as promessas que são retornadas por uma função nativa como fetch:

Promise = class extends Promise {
  constructor(executor) {
    console.log("Promise created");
    super(executor);
  }
}
console.log("Non-native promise");
Promise.resolve(1);
console.log("Native promise");
fetch("https://httpbin.org/delay/1");
console.log("Native promise");
document.hasStorageAccess();

Quando executo esse snippet no navegador, a promessa criada por Promise.resolveusa a redefinição (de modo que "Promessa criada" é registrada), mas as promessas retornadas por fetchou document.hasStorageAccessnão.

(Quando tento no Node.js, fetchele usa a redefinição, então realmente depende da implementação.)

Existe uma maneira de redefinir Promisede forma que a redefinição também seja usada pelas funções nativas do navegador?

javascript

2 respostas

  1. [Existe] uma maneira de redefinir Promisede forma que a redefinição também seja usada pelas funções nativas do navegador?

    Não, não há (e o mesmo vale para asyncfunções). Coisas que você pode fazer incluem:

    • alterandoPromise.prototype

    • substituindo as funções que retornam promessas nativas por wrappers que retornam seu tipo de promessa

    (Eu não recomendaria fazer nenhuma dessas coisas para nenhuma finalidade normal, incluindo obter melhores rastreamentos de pilha para relatórios de erros.)

    • 1
  2. Best Answer

    As APIs nativas do navegador são pré-compiladas e operam independentemente dos objetos globais do tempo de execução do JavaScript, como Promise.

    Quando você substitui Promise em JavaScript (por exemplo, window.Promise = ...), isso afeta apenas o ambiente JavaScript. APIs nativas continuam a usar suas referências internas, ignorando a Promise global substituída.

    No seu caso, você terá que aplicar monkey-patch não apenas no Promise, mas também fetchem qualquer outra API nativa como um todo para atingir o resultado pretendido.

    const originalFetch = window.fetch;
window.fetch = function(...args) {
  console.log("Fetch called with arguments:", args);
  const promise = originalFetch.apply(this, args);
  promise.then(
    (response) => console.log("Fetch promise resolved:", response),
    (error) => console.log("Fetch promise rejected:", error)
  );
  return promise;
};
    • 0

relate perguntas