La manipulation Js promesse de rejet

Comment gérez-vous un message d'erreur (par exemple. "nouveau message d'erreur" ci-dessous) qui est à l'extérieur de la promesse?

function testError() {
    throw new Error("new error") //how to handle this?
    var p123 = new Promise(function(resolve, reject) {
         resolve(123)
    });
    return p123
};

testError().catch(err => {
        return err;  //code doesn't come here
    })
    .then(ok => {
        console.log(ok)
    });
InformationsquelleAutor Stanley | 2017-04-14
  1. 6

    Si vous n'êtes pas sûr de savoir si une fonction jeter (ou renvoyer une valeur) de façon synchrone, vous pouvez l'appeler à l'aide .then(). Ce sera l'envelopper de sorte que le résultat sera géré de manière cohérente, peu importe comment elle est produite:

    JS:

    function testError() {
  throw new Error("new error") //how to handle this?
  var p123 = new Promise(function(resolve, reject) {
    resolve(123)
  });
  return p123
};

Promise.resolve()
  .then(testError)
  .catch(err => {
    console.error(err);
    return err; 
  })
  .then(ok => {
    console.log(ok.message)
  });

    • Notez que, depuis ES2018, vous pouvez utiliser .enfin() au lieu de la seconde .alors() appel, qui fait la même chose, mais est plus clair quant à l'intention (Il sera toujours, même si la promesse d'erreur suite).
    InformationsquelleAutor JLRishe
  2. 2

    Puisque l'erreur n'implique pas le code asynchrone, un habitué de try-catch devrait faire très bien ici:

    try {
  testError().catch(err => {
    return err;  //code doesn't come here
  })
  .then(ok => {
     console.log(ok)
  });
}
catch(e) {
   //
}

    Noter que lorsque le async-await modèle devient finalement le natif façon de résoudre les promesses, les try-catch deviendra aussi le natif manière de gérer les erreurs:

    try {
    var ok = await testError();
    console.log(ok)
}
catch(e) {
    console.log('e:' +e);
}

    Comme on peut le vérifier facilement, celui-ci gère correctement à la fois la synchronisation et la async erreur et est beaucoup plus propre que then-catch.

    • Cela fonctionne, mais il fait de la logique de flux très salissant et détruit l'homogénéité qui promet de fournir.
    • été abordé dans ma réponse - la try-catch offre le summum de l'homogénéité.
    • Il ne s' async/await sont disponibles, mais pas quand ils ne sont pas disponibles.
    InformationsquelleAutor Wiktor Zychla
  3. 0

    Puisque l'erreur est levée à l'extérieur des promesses, vous ne pouvez pas l'attraper à l'aide d'une promesse instruction catch.

    Vous pouvez utiliser un try/catch pour intercepter l'erreur à la place. 

    function testError() {
    throw new Error("new error") //how to handle this?
    var p123 = new Promise(function(resolve, reject) {
         resolve(123)
    });
    return p123
};

try {
  testError().then(ok => {
    console.log(ok)
  });
} catch (err) {
  console.log(err.message);
}
    InformationsquelleAutor iblamefish
  4. 0

    Si vous le pouvez, de réécrire votre testError fonction de la façon

    JS:

    function testError () {
  return new Promise(function (resolve, reject) {
     throw new Error('new error')
     resolve(123)
  })
}

testError().then(ok => console.log(ok),
                 err => console.error(err.message))

    1. Exécuter une fois pour le voir jeter l'erreur dans console.error
    2. Commentaire la throw ligne pour voir la promesse de résoudre avec succès
    InformationsquelleAutor user633183
  5. 0

    Vous réécrire, parce que faire un appelant vérifier à la fois des exceptions et des rejets est un anti-pattern:

    JS:

    function testError() {
  return Promise.resolve().then(() => {
    throw new Error("new error"); //rejects returned promise
    return new Promise(function(resolve) {
      resolve(123);
    });
  });
}

testError().catch(err => console.log("Caught " + err));

    Cela est implicite avec async fonctions; ils retournent toujours une promesse:

    JS:

    async function testError() {
  throw new Error("new error"); //rejects implicit promise
  return await new Promise(function(resolve) {
    resolve(123);
  });
}

testError().catch(err => console.log("Caught " + err));

    InformationsquelleAutor jib