Я хочу написать общий обработчик ошибок, который будет отлавливать пользовательские ошибки, специально созданные в любом экземпляре кода.

Когда я сделал, throw new Error('sample')как в следующем коде

try {
    throw new Error({'hehe':'haha'});
    // throw new Error('hehe');
} catch(e) {
    alert(e);
    console.log(e);
}

Журнал показывает в Firefox как Error: [object Object]и я не мог разобрать объект.

Для второго throwжурнал показывает как:Error: hehe

Тогда как когда я сделал

try {
    throw ({'hehe':'haha'});
} catch(e) {
    alert(e);
    console.log(e);
}

консоль показала как: Object { hehe="haha"}в которой я смог получить доступ к свойствам ошибки.

В чем разница?

Разница, как видно в коде? Как строка будет просто передана как строка, а объект как объекты, но синтаксис будет другим?

Я не исследовал объект ошибки бросания ... Я сделал только бросание строк.

Есть ли другой способ, кроме двух упомянутых выше методов?

Вот хорошее объяснение об объекте The Error и ваших собственных ошибках

Объект ошибки

Что мы можем извлечь из него в случае ошибки? Объект Error во всех браузерах поддерживает следующие два свойства:

• name: имя ошибки или, более конкретно, имя функции-конструктора, к которой относится ошибка.

• сообщение: описание ошибки, причем это описание зависит от браузера.

Свойство name может возвращать шесть возможных значений, которые, как уже упоминалось, соответствуют именам конструкторов ошибки. Они есть:

Error Name          Description

EvalError           An error in the eval() function has occurred.

RangeError          Out of range number value has occurred.

ReferenceError      An illegal reference has occurred.

SyntaxError         A syntax error within code inside the eval() function has occurred.
                    All other syntax errors are not caught by try/catch/finally, and will
                    trigger the default browser error message associated with the error. 
                    To catch actual syntax errors, you may use the onerror event.

TypeError           An error in the expected variable type has occurred.

URIError            An error when encoding or decoding the URI has occurred 
                   (ie: when calling encodeURI()).

Бросать свои ошибки (исключения)

Вместо того чтобы ждать появления одного из 6 типов ошибок, прежде чем элемент управления будет автоматически перенесен из блока try в блок catch, вы также можете явно генерировать свои собственные исключения, чтобы это происходило по требованию. Это отлично подходит для создания собственных определений того, что является ошибкой, и когда управление должно быть передано в catch.

брось "Я Злой"

throw буду прекратить дальнейшее выполнение и разоблачить строку сообщения на улове ошибку.

try {
  throw "I'm Evil"
  console.log("You'll never reach to me", 123465)
} catch (e) {
  console.log(e); //I'm Evil
}

Консоль после броска никогда не будет достигнута из-за прекращения.

выкинуть новую ошибку ("я такая милая")

throw new Errorвыставляет событие ошибки с двумя параметрами имя и сообщение . Это также прекращает дальнейшее исполнение

try {
  throw new Error("I'm Evil")
  console.log("You'll never reach to me", 123465)
} catch (e) {
  console.log(e.name, e.message); //Error, I'm Evil
}

Следующая статья, возможно, более подробно описывает, какой вариант лучше выбрать; throw 'An error'или throw new Error('An error'):

http://www.nczonline.net/blog/2009/03/10/the-art-of-throwing-javascript-errors-part-2/

Это говорит о том, что последний ( new Error()) является более надежным, так как браузеры, такие как Internet Explorer и Safari (неуверенные в версиях), неправильно сообщают сообщение при использовании первого.

Это может привести к ошибке, но не все браузеры реагируют так, как вы ожидаете. Firefox, Opera и Chrome отображают сообщение «uncaught исключения», а затем включают строку сообщения. Safari и Internet Explorer просто выдают ошибку «необнаруженное исключение» и вообще не предоставляют строку сообщения. Понятно, что это неоптимально с точки зрения отладки.

Вы сначала упоминаете этот код:

throw new Error('sample')

а затем в первом примере вы пишете:

throw new Error({'hehe':'haha'}) 

Первый объект Error действительно будет работать, потому что он ожидает строковое значение, в данном случае «sample». Второе - не потому, что вы пытаетесь передать объект, а оно ожидает строку.

Объект ошибки будет иметь свойство «message», которое будет «sample».

TLDR: они эквивалентны.

// this:
const x = Error('I was created using a function call!');
​​​​// has the same functionality as this:
const y = new Error('I was constructed via the "new" keyword!');

источник: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error

вы можете throwкак объект

throw ({message: 'This Failed'})

тогда, например, в вашем try/catch

try {
//
} catch(e) {
    console.log(e); //{message: 'This Failed'}
    console.log(e.message); //This Failed
}

или просто выбросить строковую ошибку

throw ('Your error')

try {
//
} catch(e) {
    console.log(e); //Your error
}

throw new Error //only accept a string

ErrorКонструктор используется для создания объекта ошибки. Объекты ошибок выбрасываются при возникновении ошибок во время выполнения. Объект Error также может использоваться как базовый объект для определенных пользователем исключений.

Определяемые пользователем ошибки генерируются через throwоператор. управление программой будет передано первому catchблоку в стеке вызовов.

Разница между выдачей ошибки с и без объекта Error:

throw {'hehe':'haha'};

В chrome devtools выглядит так:

Chrome говорит нам, что у нас есть неперехваченная ошибка, которая просто является объектом JS. Сам объект может иметь информацию об ошибке, но мы до сих пор не знаем, откуда она появилась. Не очень полезно, когда мы работаем над нашим кодом и отлаживаем его.

throw new Error({'hehe':'haha'}); 

В chrome devtools выглядит так:

Ошибка, выдаваемая объектом Error, дает нам трассировку стека при его расширении. Это дает нам ценную информацию, откуда именно произошла ошибка, которая часто является ценной информацией при отладке вашего кода. Также обратите внимание, что в сообщении об ошибке указывается [object Object], что Errorконструктор ожидает строку сообщения в качестве первого аргумента. Когда он получает объект, он приводит его в строку.

Реагировать поведение

Помимо остальных ответов, я хотел бы показать одно отличие в React.

Если я брошу a new Error()и я нахожусь в режиме разработки, я получу экран ошибки и журнал консоли. Если я брошу строковый литерал, я увижу его только в консоли и, возможно, пропущу его, если не смотрю журнал консоли.

пример

Выдача сообщения об ошибке в консоль и отображение экрана ошибки в режиме разработки (экран не будет виден в рабочей среде ).

throw new Error("The application could not authenticate.");

Принимая во внимание, что следующий код только входит в консоль:

throw "The application could not authenticate.";