[JavaScript] Assignment to constant variable 에러 해결

 

문제가 발생한 부분

 map.on('singleclick', (evt) =>
    {
        const r_name = '';

        if(map.hasFeatureAtPixel(evt.pixel))
        {
            map.forEachFeatureAtPixel(evt.pixel, feature =>
            {
                r_name = feature.getProperties().r_name;
                console.log(feature.getProperties().r_name);
                
            });
        }

        const coordinate = evt.coordinate;

        content.innerHTML = '<p>클릭한 좌표 :</p><code>' + coordinate + '</code>'
                          + '<p>노선명 :</p><code>' + r_name + '</code>';
        overlay.setPosition(coordinate);
    })

 

 

 

 

Openlayers로 클릭한 지점의 feature 정보를 가져와서 지도 위에 overlay로 띄우는 기능을 구현하던 중 console에 TypeError : Assignment to constant variable가 발생했다. 발생한 부분은 개발자 도구의 source에서 확인한 결과 r_name에 feature 정보를 할당하는 부분이다. 

 

 

TypeError: invalid assignment to const "x" - JavaScript | MDN

 

해당 에러 메세지로 검색을 했더니 바로 해결을 할 수 있었다.

 

JavaScript에서 변수를 선언하는 방법에는 var, let, const 세 가지 방법이 있는데 나는 그 중 const로 변수를 선언했다. const는 재할당, 재선언이 모두 불가능한데 해당 r_name 변수에 빈 문자열을 할당하고 아래에서 feature 속성을 다시 할당하려고 했기 때문에 에러가 발생했다.

 

해결

 

const가 아닌 let으로 선언하면(var로 선언도 가능) 재할당이 가능하기 때문에 에러가 쉽게 해결된다!

 

별거 아니지만 간과할 수 있는 부분이기 때문에 꼭 정리를 하고 넘어가자.

 

var	let	const
재선언 O, 재할당 O	재선언 X, 재할당 O	재선언 X, 재할당 X