[자바스크립트] 노답 디자이너의 코딩 배우기 - TypeError

자바스크립트에서 TypeError란?

 

이제 TypeError에 대해 설명드릴게요.

 

TypeError는 자바스크립트에서 발생하는 런타임 에러 중 하나로, 변수나 값이 예상된 자료형(타입)과 맞지 않거나 올바르게 사용되지 않을 때 발생하는 오류입니다.

 

TypeError가 발생하는 몇 가지 상황:

1. 함수가 아닌 것을 함수처럼 호출하려고 할 때:

• 예: null이나 undefined 값을 함수처럼 호출하면 발생합니다.

 

let func = null;
func();  // TypeError: func is not a function

 

2. 객체 속성에 접근하려고 하지만 그 값이 undefined일 때:

• 예: 객체가 없거나 정의되지 않은 상태에서 속성에 접근하려고 하면 발생합니다.

let obj;
console.log(obj.name);  // TypeError: Cannot read property 'name' of undefined

 

3. 특정 메서드를 호출하려고 할 때 그 메서드가 존재하지 않을 때:

• 예: 배열의 메서드를 객체에서 호출하려고 하면 발생할 수 있습니다.

let obj = {};
obj.push(1);  // TypeError: obj.push is not a function

 

정리하자면:

 

TypeError는 값이 예상된 데이터 타입이 아니거나, 그 타입에 맞는 작업을 수행할 수 없을 때 발생하는 에러입니다. 예를 들어, null 값에 대해 함수처럼 호출하려고 하면 함수가 아니기 때문에 **“타입이 맞지 않다(TypeError)”**라는 오류가 발생하는 거죠.