--- title: Error slug: Web/JavaScript/Reference/Global_Objects/Error tags: - Error - JavaScript - Reference translation_of: Web/JavaScript/Reference/Global_Objects/Error browser-compat: javascript.builtins.Error ---
Error
객체는 런타임 오류가 발생했을 때 던져집니다.
Error
객체를 사용자 지정 예외의 기반 객체로 사용할 수도 있습니다.
아래 표준 내장 오류 유형을 참고하세요.
런타임 오류는 새로운 Error
객체를 생성하고 던집니다.
JavaScript에는 일반적인 Error
생성자 외에도 여러 개의 중요 오류
생성자가 존재합니다. 클라이언트측 예외에 대해서는
제어 흐름과 에러 처리를 참고하세요.
Error
객체를 만듭니다.
Error
객체를 생성한 후엔 대개 {{jsxref("Statements/throw",
"throw")}} 키워드를 이용해 던집니다. {{jsxref("Statements/try...catch",
"try...catch")}} 구문을 이용하여 오류를 처리할 수 있습니다.
try { throw new Error("이런!"); } catch (e) { alert(e.name + ": " + e.message); }
오류의 {{jsxref("Object.prototype.constructor", "constructor")}} 속성을 이용해 유형을 판별, 특정 오류만 처리할 수 있습니다. 만약 최신 Javascript 엔진에서 동작하는 코드를 작성한다면 {{jsxref("Operators/instanceof", "instanceof")}} 키워드를 이용할 수도 있습니다.
try { foo.bar(); } catch (e) { if (e instanceof EvalError) { alert(e.name + ": " + e.message); } else if (e instanceof RangeError) { alert(e.name + ": " + e.message); } // ... etc }
throw new MyError()
이후 instanceof MyError
로 직접
만든 오류를 판별할 수 있도록 Error
의 파생 오류 정의를
고려해보세요. 더 깔끔하고 일관적인 오류 처리 코드를 작성할 수
있습니다. StackOverflow의 "What's a good way to extend Error in JavaScript?"를 방문해 심도 있는 논의를 읽어보세요.
Babel 버전 7 미만으로 사용자 정의 오류 클래스를 처리하려면 {{jsxref("Object.defineProperty()")}} 메서드를 사용해 정의해야만 합니다. 그렇지 않으면 오래된 Babel 및 다른 트랜스파일러가 추가 설정 없이 코드를 처리할 수 없습니다.
ES2015 클래스를 사용할 때, 일부 브라우저는 CustomError
생성자를
스택 트레이스에 포함합니다.
class CustomError extends Error { constructor(foo = 'bar', ...params) { // Pass remaining arguments (including vendor specific ones) to parent constructor super(...params); // Maintains proper stack trace for where our error was thrown (only available on V8) if (Error.captureStackTrace) { Error.captureStackTrace(this, CustomError); } // Custom debugging information this.foo = foo; this.date = new Date(); } } try { throw new CustomError('baz', 'bazMessage'); } catch(e){ console.log(e.foo); //baz console.log(e.message); //bazMessage console.log(e.stack); //stacktrace }
프로토타입 선언을 사용하면 모든 브라우저가 CustomError
생성자를
스택 트레이스에 포함합니다.
function CustomError(foo, message, fileName, lineNumber) { var instance = new Error(message, fileName, lineNumber); instance.foo = foo; Object.setPrototypeOf(instance, Object.getPrototypeOf(this)); if (Error.captureStackTrace) { Error.captureStackTrace(instance, CustomError); } return instance; } CustomError.prototype = Object.create(Error.prototype, { constructor: { value: Error, enumerable: false, writable: true, configurable: true } }); if (Object.setPrototypeOf){ Object.setPrototypeOf(CustomError, Error); } else { CustomError.__proto__ = Error; } try { throw new CustomError('baz', 'bazMessage'); } catch(e){ console.log(e.foo); //baz console.log(e.message) ;//bazMessage }
{{Compat}}