javascript 함수 선언, 변수 선언 관련 질문

Question

안녕하세요, 기능 개발하다가 구글링해서 찾은 소스를 분석 중인데const data &#61; { result: { ok: true, data: [{ year: 2014, react: 43934, angular: 24916 }, { year: 2015, react: 52503, angular: 24064 }, { year: 2016, react: 57177, angular: 29742, vue: 9988 }, { year: 2017, react: 69658, angular: 29851, vue: 22169 }, { year: 2018, react: 97031, angular: 29742, vue: 35112 }, { year: 2019, react: 119931, angular: 32490, vue: 42452 }] } } const series &#61; (years &#61;> { const react &#61; []; const angular &#61; []; const vue &#61; []; for (let i &#61; 0; i < years.length; i&#43;&#43;) { const year &#61; years[i]; react.push(year.react || null) angular.push(year.angular || null) vue.push(year.vue || null) } return Object .entries({react, angular, vue}) .map(([name, data]) &#61;> ({ name, data })) })(data.result.data);위와 같은 코드입니다.실행시켜보니 Uncaught ReferenceError: Cannot access 'series' before initialization at data.html?_ijt&#61;gn9라는 오류가 발생하는데 series를 초기화 이후에 접근하라...? 어디 부분이 문제인건가요?ㅜㅜㅜ

Flame_Frozen · Answer

해당 코드에서는 &#34;const series&#34;라는 변수를 선언하고 있습니다. 하지만 이 변수를 선언하기 이전에 &#34;series&#34;를 호출하고 있기 때문에 해당 오류가 발생합니다.이러한 오류는 일반적으로 JavaScript에서 변수 hoisting과 관련된 문제입니다. 변수 hoisting은 JavaScript 엔진이 코드를 실행하기 전에 모든 변수 선언을 최상단으로 옮기는 작업을 말합니다. 따라서 &#34;const series&#34;라는 변수는 코드 실행 이전에 이미 메모리에 할당되었지만, 해당 변수가 초기화되기 전에 &#34;series&#34;를 호출하고 있기 때문에 오류가 발생합니다.

N+! · Answer

분석하지 말고 처음부터 다시 만드세요, 분석가치가 있는 좋은 코드가 아닙니다.

javascript 함수 선언, 변수 선언 관련 질문

2개의 답변

#es6 목록