try…catch — JavaScript — Дока

Кратко

Секция статьи «Кратко»

Конструкция try...catch позволяет выполнить произвольный код, но если в нем произошла ошибка, то программа не остановит своё выполнение, а перейдёт в блок catch, где ошибку можно обработать.

Как понять

Секция статьи «Как понять»

Ошибки в программах это очень неприятно, но никто не застрахован от их появления. К тому же, ошибки могут появляться в тех ситуациях, которые не зависят от нас самих. Например, пользователь неправильно воспользовался программой. Поэтому в языке необходимы конструкции, которые позволяют выполнить произвольный код, но в случае ошибки дать возможность её обработать.

В JavaScript ситуация ещё сложнее. Если во время работы скрипта возникла ошибка и она не была обработана, то выполнение останавливается, и программа больше не работает.

Конструкция try.. .catch делает программы стабильнее — в случае ошибки мы можем продолжить выполнение. Мы можем написать любой синтаксически верный код и, если он выполнится без ошибок, то отлично. Если же что-то пойдёт не так, то выполнится код, написанный в catch.

Представьте, что вы тренируетесь отбивать мяч в бейсбол. У вас есть партнёр, который будет ловить мяч, в случае вашей ошибки, если отбить мяч не удастся. В большинстве попыток у вас все будет получаться хорошо, но если же случится промах, то второй игрок поймает мяч и вернёт его на место, чтобы можно было попробовать снова.

С пойманной в catch ошибкой можно поступить как угодно: отправить данные в специальный логгер, обработать данные из неё и даже выбросить новую ошибку, которая может быть поймана в другом месте и т.д.

Как пишется

Секция статьи «Как пишется»

Базовый случай

Секция статьи «Базовый случай»

Чтобы использовать try. ..catch, необходимо в блоке try написать код, который нужно исполнить, а в блоке catch написать, что делать в случае ошибки.

try {  someFunction()  anotherFunction()} catch (err) {  console.log('Поймали ошибку! Вот она: ', err.message)}
          try {
  someFunction()
  anotherFunction()
} catch (err) {
  console.log('Поймали ошибку! Вот она: ', err.message)
}

Если в блоке try не произошло ошибок, то код в блоке catch не выполнится.

Важно помнить, что код в try должен быть синтаксически верным. Если написать невалидный код (например, не закрыть фигурные скобки), то скрипт не запустится, потому что JavaScript не поймёт код. Ошибки, которые обработает блок

catch, будут ошибками во время выполнения программы.

В случае ошибки выполнение в блоке try прерывается и сразу же переходит в блок catch . После него скрипт продолжит своё выполнение, как и прежде.

try {  const six = 6 // 1. Создаём константу  console.log(six) // 2. Выведет 6  six = 7 // Ошибка! Присваиваем новое значение в const  // с этого места управление переходит в catch  const nine = 9 // не выполнится  console.log(six + nine) // и это тоже не исполнится} catch (err) {  console.log('Поймали ошибку!') // 3. Обработали ошибку}console.log('Что ж, можно и продолжать') // 4. Будет выполняться дальше
          
 
try {
  const six = 6 // 1. Создаём константу
  console.log(six) // 2. Выведет 6
  six = 7 // Ошибка! Присваиваем новое значение в const
  // с этого места управление переходит в catch
  const nine = 9 // не выполнится
  console.log(six + nine) // и это тоже не исполнится
} catch (err) {
  console.log('Поймали ошибку!') // 3. Обработали ошибку
}
console.log('Что ж, можно и продолжать') // 4. Будет выполняться дальше

finally Секция статьи «finally»

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

try {  // подключаемся к вебсокету, но в конце нужно обязательно отключиться  webSocket.connect('ws://....')  callMayThrowError()} catch (err) {  ...}// Пробуем отключаться после try...catchwebSocket.disconnect('ws://....')
          try {
  // подключаемся к вебсокету, но в конце нужно обязательно отключиться
  webSocket.connect('ws://....')
  callMayThrowError()
} catch (err) {
  ...
}
// Пробуем отключаться после try...catch
webSocket.disconnect('ws://....')

Казалось бы никаких проблем с этим кодом быть не должно, ведь неважно выполнится код в блоке try правильно или попадёт в

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

function doSomeWithError(e) {  throw new Error('new error')}try {  // подключаемся к вебсокету, но в конце нужно обязательно отключиться  webSocket.connect('ws://....')  callMayThrowError()} catch (err) {  // Здесь тоже может возникнуть ошибка  doSomeWithError(err)}// В случае ошибки эта строчка уже не выполнитсяwebSocket. disconnect('ws://....')
          function doSomeWithError(e) {
  throw new Error('new error')
}
try {
  // подключаемся к вебсокету, но в конце нужно обязательно отключиться
  webSocket.connect('ws://....')
  callMayThrowError()
} catch (err) {
  // Здесь тоже может возникнуть ошибка
  doSomeWithError(err)
}
// В случае ошибки эта строчка уже не выполнится
webSocket.disconnect('ws://....')

Как же тогда гарантированно освободить ресурсы при любом исходе выполнения?

В конструкцию try...catch можно добавить блок finally, который выполнится после блоков try и catch. Неважно какой код выполнился в предыдущих блоках, после их завершения (даже если из catch была выброшена новая ошибка) исполнится код в блоке

finally.

try {  webSocket.connect('ws://....')  callMayThrowError()} catch (err) {  // Здесь тоже может возникнуть ошибка  doSomeWithError(err)} finally {  // Выполнится всегда  webSocket. disconnect('ws://....')}
          try {
  webSocket.connect('ws://....')
  callMayThrowError()
} catch (err) {
  // Здесь тоже может возникнуть ошибка
  doSomeWithError(err)
} finally {
  // Выполнится всегда
  webSocket.disconnect('ws://....')
}

Наличие блока finally необязательно. finally можно использовать и без блока catch.

try {  // Отправить данные на сервер, здесь нам неважна обработка ошибки  sendData()} finally {  // Закрыть соединение при любом результате  closeConnection()}
          
 
try {
  // Отправить данные на сервер, здесь нам неважна обработка ошибки
  sendData()
} finally {
  // Закрыть соединение при любом результате
  closeConnection()
}

Ошибки в catch

Секция статьи «Ошибки в catch»

Может возникнуть ситуация, когда скрипт обработки ошибки тоже может сломаться. При этом могут возникнуть случаи, когда мы хотим намеренно выбросить новую ошибку из catch, или пробросить текущую, чтобы её обработать в другом месте.

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

// parse-module.js// Есть свой тип ошибкиclass ParsingError extends Error {  ...}function parse(data) {  try {    parseData(data)  } catch (err) {    if (err.name !== 'ParsingError') {      // Другой тип ошибок пробрасываем дальше      throw err    }    logError(err)}}
          // parse-module.js
// Есть свой тип ошибки
class ParsingError extends Error {
  ...
}
function parse(data) {
  try {
    parseData(data)
  } catch (err) {
    if (err.name !== 'ParsingError') {
      // Другой тип ошибок пробрасываем дальше
      throw err
    }
    logError(err)
}
}

Таким образом, можно разделить ответственность, а обработкой проброшенной ошибки займётся внешний catch.

import parse from 'parse-module'try {  parse(data)} catch (e) {  console.log('Неизвестная ошибка парсинга:', e)}
          import parse from 'parse-module'
try {
  parse(data)
} catch (e) {
  console. log('Неизвестная ошибка парсинга:', e)
}

Ошибки в асинхронном коде

Секция статьи «Ошибки в асинхронном коде»

Конструкция try...catch работает только синхронно. Таким образом, с помощью try

...catch нельзя обработать ошибку, которая возникла в асинхронном коде.

try {  // Код выполнится корректно, т.к. отсюда вернулся промис  Promise.reject('err')} catch (e) {  // Ошибка не будет поймана  console.log('Ошибка', e)}try {  // Здесь также код выполнится корректно, потому что установил таймаут без ошибок  setTimeout(() => {    throw Error('ошибка')  }, 1000)} catch (e) {  // Ошибка из таймаута также сюда не попадёт  console.log('Ошибка', e)}
          try {
  // Код выполнится корректно, т.к. отсюда вернулся промис
  Promise.reject('err')
} catch (e) {
  // Ошибка не будет поймана
  console.log('Ошибка', e)
}
try {
  // Здесь также код выполнится корректно, потому что установил таймаут без ошибок
  setTimeout(() => {
    throw Error('ошибка')
  }, 1000)
} catch (e) {
  // Ошибка из таймаута также сюда не попадёт
  console.
 
 log('Ошибка', e)
}

Однако, если записать асинхронный код в синхронном стиле с помощью async/await, то в этом случае обработку ошибок можно осуществлять с помощью try...catch.

async function handlePromise() {  try {    // Промис вернется с ошибкой    await Promise.reject('err')  } catch (e) {    // Теперь ошибка будет поймана    console.log('Ошибка', e) // err  }}handlePromise()
          
 
async function handlePromise() {
  try {
    // Промис вернется с ошибкой
    await Promise.reject('err')
  } catch (e) {
    // Теперь ошибка будет поймана
    console.log('Ошибка', e) // err
  }
}
handlePromise()

Чтобы поймать ошибку из setTimeout(), блоки try...catch должны находиться внутри функции.

На практике

Секция статьи «На практике»

Егор Огарков советует

Секция статьи «Егор Огарков советует»

Любой асинхронный код можно переписать в синхронном стиле через async/await, чтобы использовать единый стиль обработки ошибок, используя

try. ..catch. Например, перепишем установку таймаута из примера выше:

function wait(ms) {  return new Promise((resolve) => setTimeout(resolve, ms))}async function timeout(fn, ms) {  try {    // Ждем таймаут    await wait(ms)    // И выполняем функцию    fn()  } catch (err) {    // Ловим ошибку    console.log('Ошибка', err)  }}
          function wait(ms) {
  return new Promise((resolve) => setTimeout(resolve, ms))
}
async function timeout(fn, ms) {
  try {
    // Ждем таймаут
    await wait(ms)
    // И выполняем функцию
    fn()
  } catch (err) {
    // Ловим ошибку
    console.log('Ошибка', err)
  }
}

Теперь можно вызывать функцию как прежде, ошибка будет поймана.

timeout(() => {  throw Error('ошибка')}, 1000)
          timeout(() => {
  throw Error('ошибка')
}, 1000)

Как использовать операторы try-catch в JavaScript

Команда Educative Answers Team

Устали от LeetCode? 😩

Изучите 24 шаблона, чтобы решить любой вопрос на собеседовании по кодированию, не заблудившись в лабиринте практических задач в стиле LeetCode. Практикуйте свои навыки в практической среде кодирования, не требующей настройки. 💪

Обработка исключений — это действие, обеспечивающее обработку кода, выдающего ошибку или прерывающего работу программы, без выдачи ошибки.

Как

try/catch помогает в обработке исключений?

Роль try/catch следующая:

  • try : Блок кода, следующий за этим оператором, будет содержать код, который нужно попробовать и посмотреть, не выдает ли он ошибку

  • catch : Блок, следующий за этим оператором, увидит, не дал ли код, следующий за оператором try , ошибку, и решит, что с этим делать

С помощью этих операторов в JavaScript вы также можете добавить предложение throw или finally . Посмотрим, какую роль они играют.

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


Синтаксис

Теперь, когда мы знаем, что делает каждый оператор и почему он используется, давайте посмотрим на синтаксис ниже:

 
 try{ 
 
 //Здесь находится код для проверки на наличие ошибок 
 
 throw //Здесь можно создать собственную ошибку 
 
 } 
 
 catch(error){ 
 
 //Здесь находится код для обработки ошибки 
 
 } 
 
 finally{ 
 
 //Здесь написан код, который будет выполняться в конце всех операторов 
 
 }

Примеры:

Давайте рассмотрим несколько простых примеров того, как выполнить обработку исключений в JavaScript

1 , Используя простой

try/catch оператор

В приведенном ниже примере в части кода try мы просто вызываем функцию addAlert() , которая не была определена. Учитывая, что это выдаст ошибку, логируем ошибку в консоль в блоке catch .

 
 try{ 
 
 addAlert() 
 
 } 
 
 catch(ошибка){ 
 
 console. log(ошибка) 
 
 console.log("Конец блока try-catch")  
 
 } }2. Использование операторов  try/throw/catch   
 В приведенном ниже примере показано, как мы можем создать собственную ошибку в блоке  throw . Затем  попробуйте  код, который должен  выдать  ошибку, которая должна быть обнаружена блоком  catch . 
 
 
 try{ 
 
 throw new Error ("Это новая ошибка") 
 
 } 
 
 catch(ошибка){ 
 
 console.log(ошибка) 
 
 console.log("Конец блока try-catch ") 
 
 } 
 
 3. Использование 
 try/catch/throw/finally  все вместе
 Последний пример покажет, как использовать оператор  finally  с тремя другими операторами. В этом примере мы не показываем всю ошибку, а в блоке  catch  мы только что зарегистрировали, что ошибка была обработана.
 
 try{ 
 
 console.log("Этот оператор работает") 
 
 throw new Error('Этот оператор вызывает ошибку') 
 
 } 
 
 catch(ошибка){ 
 
 console. log("Ошибка обработана") 
 
 } 
 
 finally{ 
 
 console.log("Все обработано") 
 
 } 
 
 finally 03 900
 js
 throw
 обработка исключений
 try-catch
 Copyright ©2022 Educative, Inc. Все права защищены
 Оператор JavaScript: `try...catch` | Могу ли я использовать... Таблицы поддержки для HTML5, CSS3 и т. д. 
 Могу ли я использовать
 Поиск
 ?
 Оператор JavaScript: `try...catch` 
  •  Глобальное использование 
     97,7%
+
0%
знак равно
97,7%
 IE 
  1.  6 - 10: Поддерживается
  2.  11: Поддерживается
 EDGE 
  1.  12 - 105: Поддерживается
  2.  106: поддержан
.
 HirefXAX
  •  106: поддержан
    • : 
  •  106: поддержан
    • : 
  •  106: поддержано
    • .0028 
  •  106: Supported
  •  107 - 108: Supported
    •  Chrome 
    1.  4 - 106: Supported
    2.  107: Supported
    3.  108 - 110: Supported
     Safari 
    1.  3.1 - 16.0: Supported
    2.  16.1: Поддержано
    3.  16,2 - TP: Поддерживается
     Opera 
    1.  10 - 90: Поддерживается
    2. No related posts.