JavaScript에서 오류 처리.

안녕하세요 👋 여러분 환영합니다.

오늘 우리는 JavaScript에서 오류를 처리하고 사용자 지정 오류 세부 정보를 표시하는 방법을 다룰 것입니다. 이 기사는 짧을 테니 걱정하지 마세요 😀

다이빙하자 ..


자바스크립트로 작업을 하다보면 코딩 실수로 인해 에러가 나는 경우가 대부분입니다. 이 실수는 코드에 있거나 오타일 수 있습니다.

때때로 우리는 API에서 일부 데이터를 가져와야 하고 비동기식으로 작업하고 있는데 코드에서 오류가 발견되면 약간의 어려움에 직면해야 합니다.

오류 처리를 위해 사용할 수 있습니다try and catch block.

try 블록에 필요하거나 실행해야 하는 코드가 포함됨

catch 블록에는 오류를 처리하는 데 사용되는 코드가 포함되어 있습니다.

맞춤 오류

사용자 지정 오류를 정의하기 위해 throw 연산자를 사용할 수 있습니다.

예시

try{
  let Object={
    Name:"Muhammad Zubair",
    Age:25
  }

  for (let Key in Object)
  {
    console.log(`${Key}: ${Object[Key]}`)
  }
}
catch(Error){
  console.log("No Error Occured , Code in try-block is Fine")
}

위의 예제 코드에서 try 블록에 작성된 코드가 실행되고 모든 것이 잘 작동합니다. 오류가 발생하지 않으므로 catch 블록에 작성된 코드가 실행되지 않습니다.

오류가 발생하는 시나리오를 만들어 보겠습니다. 보다

예시

try{
  let Array=[1,2,3,4,5]

  console.log(Array) // 1 2 3 4 5
  console.log(B)
}
catch(Error){
  console.log(Error)
}

위의 예에서 변수 배열이 정의 및 초기화되었지만 변수B가 정의되지 않았음을 알 수 있습니다. 처음에 우리는 console.log(Array) 의 결과를 얻을 것이고, 그 후에 우리는 변수 B 로 인한 오류를 얻게 될 것입니다. 오류가 발생하면 catch 블록 안에 작성된 코드가 실행됩니다.

던지기 연산자

앞서 말했듯이 throw 연산자를 사용하면 사용자 지정 오류를 정의할 수 있습니다.

예시

try {
  let Array = [];

  if (Array.length == 0) throw "Array is Empty"; // Array is Empty
  else {
    Array.map((Element) => {
      if (Element % 2 == 0) throw "Even Number";
      else throw "Odd Number";
    });
  }
} catch (Error) {
  console.log(Error);
}

예시

try {
  let Element = 20;

  if (Element % 2 == 0) throw "Even Number"; // Even Number
  else throw "Odd Number";
} 
catch (Error) {
  console.log(Error);
}

오늘의 레슨은 여기까지입니다. 제 글이 마음에 드셨기를 바랍니다💛. 다음 포스팅에서 새로운 배움으로 찾아뵙겠습니다.

행복한 코딩!! ⚡