Это обязательно вызовет ошибку в консоли

Но, если мы попытаемся вызвать это в блоке попытки сейчас

try {



addition()



} catch (error) {



}

Он больше не будет показывать ошибку в консоли, потому что мы не писали код ошибки в блоке catch. Итак, теперь мы можем изменить и консолировать сообщение об ошибке в блоке catch.

try {



addition()



} catch (error) {



console.log("Сообщение об ошибке => " + error)



}

Мы можем увидеть наше собственное сообщение в консоли об ошибке.

Итак, это очень простое использование блока try-catch. Теперь давайте узнаем, как генерировать пользовательскую ошибку в блоке try.

Throw

Предположим, мы хотим выдать другую настраиваемую ошибку на основе разных ошибок при попытке. Мы можем выдать специальную ошибку: «Определение функции не существует». Как это

try{



throw new Error ("Определение функции не существует")



} catch (err) {



console. log( "Сообщение об ошибке =>" + err)



}

Как вы можете видеть в выходных данных, сообщение об ошибке теперь изменено на выданную нами настраиваемую ошибку.

ProTip

Предположим, мы пытаемся применить этот пример для асинхронной функции. Это не сработает. Поскольку движок переместился бы на следующую строку, выполните последний блок, и асинхронная функция будет выполнена позже. Например, если мы применим функцию setTimeout внутри блока try-catch.

try {



setTimeout (( ) => {



add() ;



} , 3000)



} catch (err) {



console. log ("Сообщение об ошибке =>" + err)



} finally {



console. log ("дошел до блока 'finally'")



}

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

Хорошо! Теперь, если мы хотим, чтобы это работало. Мы должны применить блок try-catch внутри функции setTimeout, а не снаружи. Итак, истинный способ реализации асинхронной функции с блоком try-catch был бы таким.

setTimeout (() => {



try {



addition();



} catch (err) {



console. log ("Сообщение об ошибке =>" + err)



} finally {



console. log ("достигло блока 'finally'")



}



} , 3000 )

Вы можете увидеть в выводе, что после задержки в 3 секунды из-за функции setTimeout. Сначала мы получили сообщение об ошибке из блока catch, а затем выполняется блок «finally».

Заключение

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