path: root/files/ko/web/javascript/reference/global_objects/error/index.html

---
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
---

<div>{{JSRef}}</div>

<p>
  <code>Error</code> 객체는 런타임 오류가 발생했을 때 던져집니다.
  <code>Error</code> 객체를 사용자 지정 예외의 기반 객체로 사용할 수도 있습니다.
  아래 표준 내장 오류 유형을 참고하세요.
</p>

<h2 id="Description">설명</h2>

<p>런타임 오류는 새로운 <code>Error</code> 객체를 생성하고 던집니다.</p>

<h3 id="Error_types">오류 유형</h3>

<p>
  JavaScript에는 일반적인 <code>Error</code> 생성자 외에도 여러 개의 중요 오류
  생성자가 존재합니다. 클라이언트측 예외에 대해서는
  <a
    href="/ko/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#예외처리문"
    >제어 흐름과 에러 처리</a
  >를 참고하세요.
</p>

<dl>
  <dt>{{jsxref("EvalError")}}</dt>
  <dd>
    전역 함수 {{jsxref("eval", "eval()")}}에서 발생하는 오류의 인스턴스를
    생성합니다.
  </dd>
  <dt>{{jsxref("RangeError")}}</dt>
  <dd>
    숫자 변수나 매개변수가 유효한 범위를 벗어났음을 나타내는 오류 인스턴스를
    생성합니다.
  </dd>
  <dt>{{jsxref("ReferenceError")}}</dt>
  <dd>잘못된 참조를 했음을 나타내는 오류 인스턴스를 생성합니다.</dd>
  <dt>{{jsxref("SyntaxError")}}</dt>
  <dd>
    {{jsxref("eval", "eval()")}}이 코드를 분석하는 중 잘못된 구문을 만났음을
    나타내는 오류 인스턴스를 생성합니다.
  </dd>
  <dt>{{jsxref("TypeError")}}</dt>
  <dd>
    변수나 매개변수가 유효한 자료형이 아님을 나타내는 오류 인스턴스를
    생성합니다.
  </dd>
  <dt>{{jsxref("URIError")}}</dt>
  <dd>
    {{jsxref("encodeURI", "encodeURI()")}}나 {{jsxref("decodeURI",
    "decodeURl()")}} 함수에 부적절한 매개변수를 제공했을 때 발생하는 오류의
    인스턴스를 생성합니다.
  </dd>
  <dt>{{JSxRef("AggregateError")}}</dt>
  <dd>
    하나의 동작이 여러 개의 오류 발생시키는 경우(예:
    {{JSxRef("Promise.any()")}}) 여러 오류를 하나의 오류로 감싸는 인스턴스를
    만듭니다.
  </dd>
  <dt>{{jsxref("InternalError")}} {{non-standard_inline}}</dt>
  <dd>
    JavaScript 엔진의 내부에서 오류가 발생했음을 나타내는 오류 인스턴스를
    생성합니다.
  </dd>
</dl>

<h2 id="Constructor">생성자</h2>

<dl>
  <dt>{{jsxref("Error/Error", "Error()")}}</dt>
  <dd>새로운 <code>Error</code> 객체를 만듭니다.</dd>
</dl>

<h2 id="Static_methods">정적 메서드</h2>

<dl>
  <dt>{{JSxRef("Error.captureStackTrace()")}}</dt>
  <dd>
    오류 인스턴스의 {{JSxRef("Error.prototype.stack", "stack")}} 속성을 만드는
    비표준 <strong>V8</strong> 함수
  </dd>
</dl>

<h2 id="Instance_properties">인스턴스 속성</h2>

<dl>
  <dt>{{jsxref("Error.prototype.message")}}</dt>
  <dd>오류 메시지</dd>
  <dt>{{jsxref("Error.prototype.name")}}</dt>
  <dd>오류 이름</dd>
  <dt>{{jsxref("Error.prototype.description")}}</dt>
  <dd>
    오류를 설명하기 위한 비표준 마이크로소프트 속성.
    {{jsxref("Error.prototype.message", "message")}}와 비슷합니다.
  </dd>
  <dt>{{jsxref("Error.prototype.number")}}</dt>
  <dd>오류 번호를 위한 비표준 마이크로소프트 속성</dd>
  <dt>{{jsxref("Error.prototype.fileName")}}</dt>
  <dd>해당 오류를 발생시킨 파일의 경로를 표시하기 위한 비표준 모질라 속성</dd>
  <dt>{{jsxref("Error.prototype.lineNumber")}}</dt>
  <dd>
    해당 오류를 발생시킨 파일의 줄 번호를 표시하기 위한 비표준 모질라 속성
  </dd>
  <dt>{{jsxref("Error.prototype.columnNumber")}}</dt>
  <dd>
    해당 오류를 발생시킨 파일의 칸 번호를 표시하기 위한 비표준 모질라 속성
  </dd>
  <dt>{{jsxref("Error.prototype.stack")}}</dt>
  <dd>스택 추적을 위한 비표준 모질라 속성</dd>
</dl>

<h2 id="Instance_methods">인스턴스 메서드</h2>

<dl>
  <dt>{{jsxref("Error.prototype.toString()")}}</dt>
  <dd>
    명시된 객체를 표현하기 위한 문자열을 반환합니다.
    {{jsxref("Object.prototype.toString()")}} 메서드를 오버라이드합니다..
  </dd>
</dl>

<h2 id="Examples">예제</h2>

<h3
  id="Example:_Throwing_a_generic_error"
  name="Example:_Throwing_a_generic_error"
>
  일반적인 오류 던지기
</h3>

<p>
  <code>Error</code> 객체를 생성한 후엔 대개 {{jsxref("Statements/throw",
  "throw")}} 키워드를 이용해 던집니다. {{jsxref("Statements/try...catch",
  "try...catch")}} 구문을 이용하여 오류를 처리할 수 있습니다.
</p>

<pre class="brush: js">
try {
  throw new Error("이런!");
} catch (e) {
  alert(e.name + ": " + e.message);
}
</pre>

<h3
  id="Example:_Handling_a_specific_error"
  name="Example:_Handling_a_specific_error"
>
  특정 오류 처리하기
</h3>

<p>
  오류의 {{jsxref("Object.prototype.constructor", "constructor")}} 속성을 이용해
  유형을 판별, 특정 오류만 처리할 수 있습니다. 만약 최신 Javascript 엔진에서
  동작하는 코드를 작성한다면 {{jsxref("Operators/instanceof",
  "instanceof")}} 키워드를 이용할 수도 있습니다.
</p>

<pre class="brush: js">
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
}
</pre>

<h3 id="사용자_정의_에러_타입">사용자 정의 에러 타입</h3>

<p>
  <code>throw new MyError()</code> 이후 <code>instanceof MyError</code>로 직접
  만든 오류를 판별할 수 있도록 <code>Error</code>의 파생 오류 정의를
  고려해보세요. 더 깔끔하고 일관적인 오류 처리 코드를 작성할 수
  있습니다. StackOverflow의 <a
    href="https://stackoverflow.com/questions/1382107/whats-a-good-way-to-extend-error-in-javascript"
    >"What's a good way to extend Error in JavaScript?"</a
  >를 방문해 심도 있는 논의를 읽어보세요.
</p>

<h4 id="ES6_사용자_정의_오류_클래스">ES6 사용자 정의 오류 클래스</h4>

<div class="warning">
  <p>
    Babel 버전 7 미만으로 사용자 정의 오류 클래스를 처리하려면
    {{jsxref("Object.defineProperty()")}} 메서드를 사용해 정의해야만 합니다.
    그렇지 않으면 오래된 Babel 및 다른 트랜스파일러가 <a
      href="https://github.com/loganfsmyth/babel-plugin-transform-builtin-extend"
      >추가 설정</a
    > 없이 코드를 처리할 수 없습니다.
  </p>
</div>

<div class="note">
  <p>
    ES2015 클래스를 사용할 때, 일부 브라우저는 <code>CustomError</code> 생성자를
    스택 트레이스에 포함합니다.
  </p>
</div>

<pre class="brush: js">
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
}</pre
>

<h4 id="ES5_사용자_정의_오류_객체">ES5 사용자 정의 오류 객체</h4>

<div class="warning">
  <p>
    프로토타입 선언을 사용하면 모든 브라우저가 <code>CustomError</code> 생성자를
    스택 트레이스에 포함합니다.
  </p>
</div>

<pre class="brush: js">
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
}
</pre>

<h2 id="Specification">명세</h2>

{{Specifications}}

<h2 id="브라우저_호환성">브라우저 호환성</h2>

<p>{{Compat}}</p>

<h2 id="See_also">같이 보기</h2>

<ul>
  <li>{{jsxref("Error.prototype")}}</li>
  <li>{{jsxref("Statements/throw", "throw")}}</li>
  <li>{{jsxref("Statements/try...catch", "try...catch")}}</li>
</ul>