[JavaScript] Uncaught SyntaxError: Unexpected end of input 해결 방법

<a> 태그의 href 속성에 함수를 넣는 과정에서 오류가 발생했습니다.

이 오류는 함수를 호출할 때 ( )나 { }를 제대로 닫지 않아서 발생합니다.

 

원인

href 속성 값을 ' '(작은 따옴표)로 입력하므로 괄호 안의 변수를 " "(큰 따옴표)로 감싸야 하는데 ' '로 감싸니 뒤의 괄호를 인식하지 못했습니다.

//오류1
function(data, type, item){
	return "<a href='javascript:fn_process('"+item.vin+"')'>"+item.vin+"</a>";
}

//오류2
function(data, type, item){
	return "<a href='javascript:fn_process(\'"+item.vin+"\')'>"+item.vin+"</a>";
}

 

 

해결 방법

이스케이프 문자와 큰 따옴표( \" )로 바꾸니 해결되었습니다.

function(data, type, item){
	return "<a href='javascript:fn_process(\""+item.vin+"\")'>"+item.vin+"</a>";
}