[JavaScript] Uncaught TypeError : is not a function 해결 방법

 

 

즉, 함수가 아니다.

함수를 포함하지 않는 값이나 객체에 대해 함수를 호출하려고 할 때 발생합니다.

 

원인

1) 호출한 함수 이름에 오타가 있는 경우

 ex) getElementByID()를 getElementById()로 사용

 

2) 함수를 포함하지 않는 객체에서 함수를 호출하는 경우

 

예시

앞에 변수의 이름을 location으로 설정한 탓에 이후에 location 객체의 reload() 함수를 실행하려 하자 에러가 발생했습니다.

var location = depotDesc.substr(0,1)+locDesc;

$.ajax({
	type: "POST",
	dataType:"json",
	async: true,
	url: "manage/process/updtLocation.json",
	data:$("#frm").serialize(),
	success:function(data) {
		if(data.ok){
			alert('변경 완료하였습니다.');
			updtcell.draw();
			location.reload();	//오류 발생
		}else{
			alert(data.message);
		}
	},
	error:function(request, status) {
		return;
	}
});

→ 1행의 변수 location의 이름을 변경하여 해결했습니다.

 

해결 방법

1) 함수의 이름에 오타가 없는지 확인합니다.

2) 객체에 포함되어 있는 함수인지 확인합니다.

3) 객체와 똑같은 이름의 변수가 있는지 확인합니다.