> 웹 프론트엔드 > JS 튜토리얼 > JavaScript의 예외 및 예외 처리 메커니즘

JavaScript의 예외 및 예외 처리 메커니즘

PHPz
풀어 주다: 2023-06-15 21:31:22
원래의
1935명이 탐색했습니다.

JavaScript는 웹 페이지 마크업 및 스크립트 프로그래밍에 일반적으로 사용되는 언어입니다. 다른 프로그래밍 언어와 마찬가지로 JavaScript에도 예외 및 예외 처리 메커니즘이 포함되어 있습니다. 이 기사에서는 독자가 JavaScript 프로그램의 예외를 더 잘 이해하고 이에 대응할 수 있도록 JavaScript의 예외 및 예외 처리 메커니즘을 소개합니다.

1. JavaScript의 예외

JavaScript에서 예외란 프로그램 실행 중에 발생하는 오류나 비정상적인 상황을 의미합니다. 이러한 예외는 브라우저, 환경 또는 프로그램 자체에서 발생할 수 있습니다. 일반적인 예외에는 구문 오류, 런타임 오류, 유형 오류, 네트워크 오류 등이 포함됩니다.

  1. 구문 오류

구문 오류는 프로그램에 문법 오류가 있어 올바르게 구문 분석하고 실행할 수 없음을 의미합니다. 예를 들어 키워드의 철자가 잘못되었거나, 대괄호가 누락되었거나, 세미콜론이 누락된 경우 등이 있습니다.

다음은 구문 오류의 예입니다.

var number = 10
if (number > 5) {
  console.log("Number is greater than 5.")
}
로그인 후 복사

코드의 첫 번째 줄에서 세미콜론이 누락되어 프로그램이 세미콜론을 올바르게 구문 분석하지 못하게 됩니다.

  1. 런타임 오류

런타임 오류는 프로그램 실행 중에 처리할 수 없는 오류나 예외를 의미합니다. 예를 들어, 변수 유형이 올바르지 않거나, 정의되지 않은 변수에 액세스했거나, 배열이 범위를 벗어났습니다.

다음은 런타임 오류의 예입니다.

var numbers = [1, 2, 3, 4]
console.log(numbers[10])
로그인 후 복사

코드에서 프로그램은 배열의 인덱스 10에 있는 요소를 인쇄하려고 시도하지만 실제로 배열의 길이는 4에 불과하므로 -bounds 예외가 발생합니다.

  1. 유형 오류

유형 오류는 프로그램이 숫자 변수에 문자열을 할당하거나 문자열이 필요한 함수에 숫자 변수를 전달하는 등 호환되지 않는 유형의 변수를 작동하거나 할당하려고 시도하는 것을 의미합니다.

다음은 유형 오류의 예입니다.

var number = 10
console.log("Number is " + number)
로그인 후 복사

코드의 두 번째 줄에서는 문자열과 숫자가 연결되어 호환되지 않는 유형으로 인해 유형 오류가 발생합니다.

  1. 네트워크 오류

네트워크 오류는 프로그램이 원격 리소스를 얻거나 서버와 통신할 때 발생하는 오류 또는 예외를 말합니다. 예를 들어, 네트워크 연결 시간이 초과되어 서버에 연결할 수 없습니다.

다음은 네트워크 오류의 예입니다.

var request = new XMLHttpRequest()
request.open("GET", "https://api.example.com/data.json", true)
request.send()
로그인 후 복사

코드에서 프로그램은 XMLHttpRequest 개체를 통해 api.example.com에서 data.json 파일을 얻으려고 시도하지만 서버가 응답할 수 없거나 연결 시간이 그렇지 않으면 네트워크 오류가 발생합니다.

2. JavaScript 예외 처리 메커니즘

JavaScript는 프로그래머가 예외를 포착하고 처리하는 데 도움이 되는 예외 처리 메커니즘을 제공합니다. 예외 처리 메커니즘에는 try-catch-finally 문 블록과 throw 문이 포함됩니다.

  1. try-catch-finally 문 블록

try-catch-finally 문 블록은 예외를 포착하고 처리하는 데 사용됩니다. 구문은 다음과 같습니다.

try {
  // 可能会引发异常的代码
}
catch (e) {
  // 处理异常的代码
}
finally {
  // finally代码块(可选)
}
로그인 후 복사

try 블록에서 프로그래머는 예외를 발생시킬 수 있는 코드 세그먼트를 배치할 수 있습니다. 코드 세그먼트가 정상적으로 실행되면 catch 코드 블록을 건너뜁니다. 코드 세그먼트 실행 중에 예외가 발생하면 예외 처리를 수행하기 위해 catch 코드 블록으로 점프합니다.

catch 코드 블록은 catch된 예외를 나타내는 매개변수 e를 허용합니다. catch 코드 블록에서 프로그래머는 예외 정보 인쇄, 서버에 오류 보고서 보내기 등과 같은 예외 처리 논리를 정의할 수 있습니다.

finally 코드 블록은 일반적으로 파일 닫기, 리소스 해제 등과 같은 정리 작업을 처리하는 데 사용됩니다. try 코드 블록이 성공적으로 실행되었는지 또는 예외가 있는지 여부에 관계없이 finally 코드 블록의 코드가 실행됩니다.

다음은 try-catch-finally 블록의 예입니다.

var divisor = 0
try {
  var result = 10 / divisor
  console.log("Result is " + result)
}
catch (e) {
  console.log("Exception: " + e.message)
}
finally {
  console.log("Finally block executed.")
}
로그인 후 복사

코드에서 프로그램은 제수가 0이므로 예외가 발생합니다. 프로그램 실행 순서가 catch 코드 블록으로 점프하고 "예외: 0으로 나누기"라는 예외 메시지가 출력됩니다. 마지막으로 finally 코드 블록의 정리 작업이 실행되고 "Finally 블록 실행됨"이라는 문이 출력됩니다.

  1. throw 문

throw 문은 예외를 수동으로 발생시키고 예외 개체를 예외 처리 메커니즘에 전달하는 데 사용됩니다. 구문은 다음과 같습니다.

throw expression;
로그인 후 복사

expression은 문자열, 숫자, 개체 등이 될 수 있는 예외 개체를 나타냅니다. 프로그램에서 throw 문은 일반적으로 입력 매개변수를 확인하고 프로그램 상태를 감지하는 데 사용됩니다.

다음은 throw 문의 예입니다.

var age = -1
try {
  if (age < 0) {
    throw "Age is invalid."
  }
  else {
    console.log("Age is " + age)
  }
}
catch (e) {
  console.log("Exception: " + e)
}
finally {
  console.log("Finally block executed.")
}
로그인 후 복사

코드에서 변수 age가 0보다 작으면 프로그램은 "Age isvalid"라는 문자열 예외를 수동으로 발생시키고 catch 코드 블록으로 점프합니다. 예외를 처리하십시오.

3. 요약

JavaScript의 예외 및 예외 처리 메커니즘은 고품질 프로그램 작성의 핵심입니다. JavaScript 프로그램을 작성할 때 프로그래머는 가능한 예외를 충분히 고려하고 예외 처리 메커니즘을 사용하여 프로그램의 정확성과 안정성을 보장해야 합니다. 실제로 프로그래머는 try-catch-finally 문 블록과 throw 문을 사용하여 예외를 포착 및 처리하고 프로그램의 정상적인 실행을 보호할 수 있습니다.

위 내용은 JavaScript의 예외 및 예외 처리 메커니즘의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿