我试图抛出一个自定义错误，在控制台中打印我的“CustomError”类名而不是“Error”，但没有成功：
class CustomError extends Error {
constructor(message: string) {
super(`Lorem "${message}" ipsum dolor.`);
this.name = 'CustomError';
}
}
throw new CustomError('foo');
输出是Uncaught Error: Lorem "foo" ipsum dolor。
我的期望：Uncaught CustomError: Lorem "foo" ipsum dolor。
我想知道这是否可以仅使用 TS 来完成（不会弄乱 JS 原型）？
您是否使用 typescript 2.1 版并转译为 ES5？检查中断更改页面的这一部分以了解可能的问题和解决方法：https : //github.com/Microsoft/TypeScript-wiki/blob/master/Breaking-Changes.md#extending-built-ins-like-error-array-并且地图可能不再起作用
相关位：
作为建议，您可以在任何 super(...) 调用后立即手动调整原型。
class FooError extends Error { constructor(m: string) { super(m); // Set the prototype explicitly. Object.setPrototypeOf(this, FooError.prototype); } sayHello() { return "hello " + this.message; } }但是，FooError 的任何子类也必须手动设置原型。对于不支持 Object.setPrototypeOf 的运行时，您可以改为使用
__proto__.不幸的是，这些变通办法不适用于 Internet Explorer 10 及更早版本。可以手动将方法从原型复制到实例本身（即 FooError.prototype 到此），但原型链本身无法修复。
问题是 Javascript 的内置类Error通过将要构造的对象（即this）切换到一个新的不同对象来破坏原型链，当您调用时super，该新对象没有预期的原型链，即它是一个实例的Error不是CustomError。
这个问题可以使用从 Typescript 2.2 开始支持的“new.target”优雅地解决，请参见此处：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; }
}
}
Usingnew.target的优点是您不必对原型进行硬编码，就像这里提出的其他一些答案一样。这再次具有优势，继承自的类CustomError也将自动获得正确的原型链。
如果您要对原型进行硬编码（例如Object.setPrototype(this, CustomError.prototype)），CustomError它本身将有一个工作原型链，但是任何继承自的类CustomError都会被破坏，例如 a 的实例class VeryCustomError < CustomError不会instanceof VeryCustomError像预期的那样，而只是instanceof CustomError.
另见：https : //github.com/Microsoft/TypeScript/issues/13965#issuecomment-278570200
它在 ES2015 ( https://jsfiddle.net/x40n2gyr/ ) 中正常工作。最有可能的问题是 TypeScript 编译器正在转换为 ES5，并且Error无法仅使用 ES5 功能正确地进行子类化；它只能使用 ES2015 及更高版本的特性（class或者更模糊地，Reflect.construct）正确地进行子类化。这是因为当您Error作为函数调用时（而不是通过newor，在 ES2015 中，super或Reflect.construct），它会忽略this并创建一个新的 Error.
在您可以针对 ES2015 或更高版本之前，您可能不得不忍受不完美的输出......
从 TypeScript 2.2 开始，它可以通过new.target.prototype.
https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html#example
class CustomError extends Error {
constructor(message?: string) {
super(message); // 'Error' breaks prototype chain here
this.name = 'CustomError';
Object.setPrototypeOf(this, new.target.prototype); // restore prototype chain
}
}
几天前我在我的typescript项目中遇到了同样的问题。为了使它工作，我使用MDN的实现，只使用 vanilla js。因此，您的错误将类似于以下内容：
function CustomError(message) {
this.name = 'CustomError';
this.message = message || 'Default Message';
this.stack = (new Error()).stack;
}
CustomError.prototype = Object.create(Error.prototype);
CustomError.prototype.constructor = CustomError;
throw new CustomError('foo');它似乎不适用于 SO 代码片段，但它适用于 chrome 控制台和我的typescript项目：
