引发自定义错误不会保留日志中的错误格式

Question

JavaScript, when throw -ing a built-in error as such:

throw new Error("Something was wrong");

displays the text nicely - you can't tell you threw an object

However, when creating a custom error by subclassing the Error object (or other error object for that matter), the thrown error is not displayed the same way in the console.

So, by using this code:

var ImproperlyConfigured = function(message){
    this.name ="ImproperlyConfigured";
    this.message = message || "The object you tried to construct was improperly configured due to an unknown error";
}
ImproperlyConfigured.prototype = new Error();

The following is the output

I don't like the fact that the object properties ( name and message ) are shown. In fact, I don't like that I don't understand why the properties are shown.

I've googled a bit and I got the feeling that by implementing a toString method will help but, by using this method, the fact that the name of the error is no longer in red puzzles me even more.

Code

var ImproperlyConfigured = function(message){
    this.name ="ImproperlyConfigured";
    this.message = message || "The object you tried to construct was improperly configured due to an unknown error";
    this.toString = function(){
        return this.message;
    }
}
ImproperlyConfigured.prototype = new Error();

Output:

What I would like to achieve is a standard looking error, by the use of custom error and, of course, by not using the console.error method manually in a try...catch block.

Is this possible?

Answer 1

As Pointy correctly pointed out (pun intended) , the issue here is not with JavaScript, but rather with the environment JavaScript is running (in this case, Google Chrome).

In another environment (like Chromium, Firefox, NodeJS, etc.) the behavior will likely be different, using the same code, depending on how those JavaScript hosts are handling these cases.