Vue.js에서 오류를 올바르게 발생시키는 방법

Vue.js에서 오류를 올바르게 발생시키는 방법

확장자가 없는 파일명을 사용하는 SVG 컴포넌트를 만들고 있습니다.내선번호가 사용되면 강제로 에러를 발생시키고 싶습니다.

ES6 컴파일러를 사용하고 있기 때문에, 다음의 것을 사용하고 있습니다.

if (this.name.includes('.svg')) {
    throw 'Do not use the svg extension';
}

이것이 Vue.js에서 오류를 발생시키는 적절한 방법입니까?아니면 더 나은 방법이 있을까요?현재 이 기능을 구현하여 테스트하면 경고 메시지가 2개 표시됩니다.

스택 트레이스와 자신의 에러가 있는 [Vue warn]가 표시됩니다.가능하면 콘솔에 사용자가 무엇을 잘못했는지 나타내는 단순한 오류 메시지를 표시하려고 합니다.

Vue.js 또는 javscript에서 이 접근방식에 대해 어떻게 생각하십니까?

표준 TypeError를 사용해야 합니다.

변수 또는 매개 변수가 올바른 유형이 아닐 때 발생하는 오류를 나타내는 인스턴스를 만듭니다.

throw new TypeError("Do not use the svg extension", filename)

TypeError-MDN

Error를 함수처럼 사용할 경우 - 새 함수 없이 Error 개체를 반환합니다.따라서 Error를 호출하는 것만으로 새로운 키워드를 사용하여 Error 개체를 구축하는 것과 동일한 출력이 생성됩니다.

throw new Error('Error text.');

일반적인 오류 생성자 외에 자바스크립트에는 7개의 핵심 오류 생성자가 있습니다.클라이언트 측 예외는 예외 처리를 참조하십시오.

EvalError 글로벌 함수 eval()과 관련하여 발생하는 오류를 나타내는 인스턴스를 만듭니다.

InternalError JavaScript 엔진의 내부 오류가 발생할 때 발생하는 오류를 나타내는 인스턴스를 만듭니다.예: "너무 많은 재귀"

RangeError 숫자 변수 또는 매개 변수가 유효한 범위를 벗어날 때 발생하는 오류를 나타내는 인스턴스를 만듭니다.ReferenceError 유효하지 않은 참조를 참조 해제할 때 발생하는 오류를 나타내는 인스턴스를 만듭니다.

구문 오류 - eval()에서 코드를 구문 분석하는 동안 발생하는 구문 오류를 나타내는 인스턴스를 만듭니다.

TypeError 변수 또는 매개 변수가 올바른 유형이 아닐 때 발생하는 오류를 나타내는 인스턴스를 만듭니다.

URIerror encodeURI() 또는 decodeURI()가 잘못된 파라미터를 전달받았을 때 발생하는 오류를 나타내는 인스턴스를 만듭니다.

언급URL : https://stackoverflow.com/questions/44044373/how-to-properly-throw-an-error-in-vue-js