JavaScript 오류 처리에 대한 모범 사례는 무엇입니까?

내 자바 스크립트를 좀 더 오류 증거를 만들기 시작 찾고 있어요, 내가 사용하는 방법에 대한 문서를 많이 찾는거야 try, catch, finally,와 throw,하지만 난 오류가 발생하는 시간과 장소에 전문가의 조언의 톤을 찾는 게 아니에요.

• 모든 코드 조각을 try / catch로 감싸 야합니까?
• 오류가 발생하는 시점 에 이와 같은 조언이 더 있습니까?
• 프로덕션 환경에서 코드가 자동으로 실패하는 대신 오류를 발생시키는 단점이 있습니까?
• 이것은 구현에 이르기까지 SO에서 다루어졌지만 서버 로깅 JS 오류가 효과적인 전략입니까?
• 내 응용 프로그램의 트래핑 오류와 관련하여 알아야 할 것이 있습니까?

또한 오류 처리에 대한 장이나 깊이있는 설명이있는 책을들을 수있는 게임입니다. Eloquent JavaScript 는이 문제를 다루지 만 문제에 대해 매우 규범 적이거나 의견이 많지 않습니다.

당신이 줄 수있는 조언에 감사드립니다!

엔터프라이즈 JavaScript 오류 처리에 대한 매우 흥미로운 슬라이드 세트는 http://www.devhands.com/2008/10/javascript-error-handling-and-general-best-practices/ 에서 찾을 수 있습니다 .

요약하면 다음과 같습니다.

1. 코드가 실패한다고 가정
2. 서버에 오류 기록
3. 브라우저가 아닌 오류 처리
4. 오류가 발생할 수있는 곳 식별
5. 자신의 실수를 던져
6. 치명적 오류와 비 치명적 오류 구분
7. 디버그 모드 제공

슬라이드는 훨씬 더 자세하게 설명되며 대부분 방향을 알려줍니다.

최신 정보

위에서 언급 한 프레젠테이션은 여기에서 찾을 수 있습니다 : http://www.slideshare.net/nzakas/enterprise-javascript-error-handling-presentation

Yahoo!의 Nicholas Zakas! fame는 Ajax Experience 2008에서 Enterprise Error Handling ( 슬라이드 )에 대해 다음과 같이 이야기했습니다 .

function log(sev,msg) {
    var img = new Image();
    img.src = "log.php?sev=" +
        encodeURIComponent(sev) +
        "&msg=" + encodeURIComponent(msg);
}

// usage
log(1, "Something bad happened.")

// Auto-log uncaught JS errors
window.onerror = function(msg, url, line) {
    log(1, msg);
    return true;
}

1 년 후, Nicholas Zakas는 자신의 블로그 에 프로덕션 환경에서 자동으로 오류 처리 코드를 삽입하기위한 영리한 패턴을 포함한 업데이트를 게시했습니다 (종횡비 프로그래밍 사용).

window.error 호출 로깅을 시작하면 다음 두 가지가 있습니다.

1. 사이트가 상당히 복잡한 경우 많은 오류 를 기록하게됩니다
2. 당신은 쓸모없는 "window.error in undefined : 0"메시지를 보게 될 것입니다

로그 항목 토렌트를 줄이는 것은 서버에 로깅하기 전에 심각도 및 / 또는 난수를 테스트하는 것만 큼 간단합니다.

function log(sev,msg) {
    if (Math.random() > 0.1) return; // only log some errors

    var img = new Image();
    img.src = "log.php?sev=" +
        encodeURIComponent(sev) +
        "&msg=" + encodeURIComponent(msg);
}

쓸데없는 "window.error in undefined : 0"오류를 처리하는 것은 사이트 아키텍처에 따라 다르지만 모든 Ajax 호출을 식별하고 무언가 실패 할 경우 예외를 발생시킬 수 있습니다 ( stacktrace.js를 사용하여 스택 추적을 반환 할 수 있음 ).

IHMO, 다른 여러 언어 (AFAIK : Python, Java)에서와 같이 Javascript에서 오류 처리를 사용해야합니다.

가독성을 높이려면 (실제로 큰 영향을 줄지 모르겠지만 성능이 향상 될 수 있음) 다음과 같은 경우 try / catch 블록을 사용해야합니다.

• 랩하려는 코드 부분은 전체 알고리즘 의 핵심 부분입니다 . 실패하면 다음이 가능합니다.

  • 코드의 다음 부분에 오류를 생성하십시오 (예 : var가 없기 때문에 ...)
  • 페이지가 예상 한대로 보이지 않도록 설정 (콘텐츠 또는 CSS에 미치는 영향)
  • 결과가 사용자에게 이상하게 보이도록합니다 (코드 동작에 영향을 미침)

• 작성중인 코드 가 모든 브라우저와 호환되는 것은 아닙니다

• if ... then ... blocks로 작동하는지 확인하는 다른 방법이 없기 때문에 코드가 실패 할 수 있다고 계획했습니다.
• 또한 최종 사용자를 귀찮게하지 않고 디버깅 하려는 경우

결국 자바 스크립트 전문가는 다른 요소를 제공 할 수도 있습니다.

상자에 내 2 센트

문안 인사,

맥스

다른 답변 외에도 : 한 가지 중요한 것은 JavaScript 오류 객체와 함수 매개 변수 에서 사용 가능한 컨텍스트 데이터 를 사용하는 것입니다 window.onerror.

스택 추적 (errorObject.stack), 파일 이름, 줄 번호 및 열 번호와 같은 것. 각 브라우저마다 약간의 차이가 있습니다 ... 따라서 멋진 오류가 발생하도록 최선을 다하십시오.

콘솔 개체 자체에 문제가있을 수도 있습니다 . 내가 사용 이 하나의 영감 사용자 정의 window.onerror 기능 에 의해 영감을 주어진 표준 오류 객체 추적하는 특수 기능 이 코드를 .

또 다른 좋은 점은 스택 트레이스에 가까운 곳에 웹 응용 프로그램 버전을 포함시키는 것입니다 (빠르고 안전한 복사 및 붙여 넣기). 개발자가 브라우저 콘솔을 지속적으로 모니터링하지 않고 일부 문제를 볼 수 없으므로 개발 모드에서보다 적극적으로 오류를 표시 할 수도 있습니다 (경고 ...).

또한 사용하지를 사용 throw 'My message', 사용을 throw new Error('My message')읽고, 당신도 사용자 정의 오류를 가질 수 있습니다, 이 기사를 .

항상 오류 (버전, 개체의 ID, 일부 사용자 지정 메시지 등)에 컨텍스트를 추가하고 외부 오류 (일부 외부 데이터 또는 상황이 시스템에 장애를 일으킨 경우)와 내부 오류를 구분해야합니다. / assertions (자신의 시스템이 엉망이 되었음), ' 계약 별 설계 '에 대해 읽으십시오 .

여기에 가이드가 있습니다.

또한 lib 및 프레임 워크와 같은 인터셉터와 같은 일반적인 오류 처리 사용에 대해 생각하십시오.

• jQuery
• 각도 1.x 및 http
• 앵귤러 2.x
• 새로운 도프 프레임 워크는 ...