Rifiuta promessa quando si utilizza fetch

Question

Sono un po 'confuso con come utilizzare correttamente il recupero. Sembra risolversi anche quando ricevo uno stato di errore. Il seguente codice è corretto (avvolgere il recupero in un'altra promessa)?

function a(url, config) { 
 
    if (!config) 
 
    config = {}; 
 

 
    config = Object.assign(config, { 
 
    headers: { 
 
     'content-type': 'application/json;charset=utf-8' 
 
    } 
 
    }) 
 
    return new Promise(
 
    function(resolve, reject) { 
 
     fetch(url, config).then(
 
     function(res) { 
 
      if (res.status == 200 && res.ok) { 
 
      console.log("Promise resolved") 
 
      resolve(res); 
 
      return; 
 
      } 
 
      console.log("Promise rejected") 
 
      reject(res); 
 
     }, 
 
     function(rej) { 
 
      console.log("promise rejected") 
 
      reject(rej); 
 
     } 
 
    ) 
 
    } 
 
) 
 
} 
 

 
function b() { 
 
    a('/test').then(
 
    function(res) { 
 
     console.log('success'); 
 
     console.log(res) 
 
    }, 
 
    function(rej) { 
 
     console.log('Rejected'); 
 
     console.log(rej) 
 
    } 
 
) 
 
} 
 

 
b();

(Il codice di cui sopra dovrebbe funzionare bene in cromo via console ... basta copiare/incollare)

Answer 1

Se si desidera rifiutare dal successo di callback è necessario farlo in modo esplicito sia il ritorno promessa respinta, ad es return Promise.reject('error occurred'); o lanciando.

Inoltre, non si deve abusare Promise costruttore nel vostro caso, in quanto restituisce fetch già oggetto promessa:

function a(url, config) { 
    if (!config) 
     config = {}; 

    config = Object.assign(config, { 
     headers: { 
      'content-type': 'application/json;charset=utf-8' 
     } 
    }); 

    return fetch(url, config).then(
     function(res) { 
      if (res.status == 200 && res.ok) { 
       console.log("Promise resolved") 
       return res.json(); 
      } 
      console.log("Promise rejected"); 
      throw 'promise rejected'; 
     }, 
     function(rej) { 
      console.log("promise rejected"); 
      throw 'promise rejected'; 
     } 
    ); 
}