Ich habe versucht, einen benutzerdefinierten Fehler auszulösen und meinen Klassennamen „CustomError“ in der Konsole anstelle von „Error“ auszugeben, aber ohne Erfolg:
class CustomError extends Error {
constructor(message: string) {
super(`Lorem "${message}" ipsum dolor.`);
this.name = 'CustomError';
}
}
throw new CustomError('foo');
Die Ausgabe ist Uncaught Error: Load "foo" very pain.
Was ich erwartet habe: Uncaught CustomError：Lorem“foo”ipsum dolor.
Ich habe mich gefragt, ob es nur mit TS möglich ist (ohne sich mit JS-Prototypen herumzuschlagen)?
问题在于，当您调用
super并且该新对象没有预期的原型链，即它是Error的实例，而不是CustomError的实例。这个问题可以使用'new.target'来优雅地解决，从 Typescript 2.2 开始就支持它，请参见这里：https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html
class CustomError extends Error { constructor(message?: string) { // 'Error' breaks prototype chain here super(message); // restore prototype chain const actualProto = new.target.prototype; if (Object.setPrototypeOf) { Object.setPrototypeOf(this, actualProto); } else { this.__proto__ = actualProto; } } }使用
new.target的优点是您不必对原型进行硬编码，就像这里提出的其他一些答案一样。这又具有一个优点，即从CustomError继承的类也将自动获得正确的原型链。如果您要对原型进行硬编码（例如
Object.setPrototype(this, CustomError.prototype)），CustomError本身将有一个工作原型链，但任何类从CustomError继承将会被破坏，例如class VeryCustomError 的实例不会是预期的instanceof VeryCustomError，而只是instanceof CustomError。另请参阅：https://github.com/Microsoft/TypeScript/issues /13965#issuecomment-278570200
您是否使用 typescript 版本 2.1，并转换为 ES5？检查重大更改页面的此部分以了解可能的问题和解决方法：https://github.com/Microsoft/TypeScript-wiki/blob/master/Breaking-Changes.md#extending-built -ins-like-error-array-and-map-may-no-longer-work
相关位：