Umgang mit Ausnahme in Drossel

Question

function ApiError(response) { 
    this.message = 'API error'; 
    this.response = response; 
} 

ApiError.prototype = Object.create(Error.prototype); 
ApiError.prototype.constructor = ApiError; 
ApiError.prototype.name = 'ApiError'; 

export default ApiError; 

Ich habe diese Ausnahme individuellen und ich werfe es an einem gewissen Punkt, aber wenn ich versuche es wie

import ApiError from './ApiError'; 
... 
.catch(ApiError, (e) => { 
    console.log('api error'); 
}) 
.catch((e) => { 
    console.log(e); <= this is undefined(in ApiError) 
}); 

in Versprechen zu fangen die Fehler zu generic fängt mit Fehlern delegieren sage Diese Nachricht kann nicht undefiniert (this=undefined in ApiError) zugewiesen werden, was mache ich hier falsch?

EDIT: Das Problem war eigentlich die Tatsache, dass ich nicht eine Instanz von Drossel Versprechen zurückkehrt, aber Knoten Promise (mit fetch), habe ich beschlossen, es von innen Drossel Promise.resolve Einwickeln holen.

Answer 1

Das Problem war eigentlich die Tatsache, dass ich nicht eine Instanz von Drossel Versprechen, aber ES6 Promise (mit Abruf) zurückkehrte , Habe ich es gelöst, indem ich fetch in Bluebird Promise.resolve eingebunden habe.

Answer 2

Dieser Fehler klingt, als ob Sie die Instanz Ihres ApiError Objekts nicht ordnungsgemäß erstellen.

Wenn Sie einen Ihrer Fehler werfen, sollte es sein:

throw new ApiError(xxx); 

Hinweis, die new, die verwendet werden müssen. Die Besonderheiten Ihres Fehlers machen es so, als ob Sie nicht die new verwenden.

---

Alternativ können Sie die Umsetzung Ihrer ApiError Konstruktor ändern, so dass Sie tun können;

throw ApiError(xxx); 

Aber würden Sie ApiError sich ändern müssen, um festzustellen, ob es mit new oder nicht, und wenn nicht, dann rufen genannt wurde, new selbst.

function ApiError(response) { 
    if (!(this instanceof ApiError)) { 
     return new ApiError(response); 
    } 
    this.message = 'API error'; 
    this.response = response; 
} 

Oder in ES6, können Sie die new.target Option:

function ApiError(response) { 
    if (!new.target) { 
     return new ApiError(response); 
    } 
    this.message = 'API error'; 
    this.response = response; 
}