자바스크립트 scope 에 관한 질문...

Question

인터넷으로 scope에 대해 배웠는데 내용이 헷갈려서 질문을 올리게 되었습니다!var i는 for문에서 정의한 값인 10이 출력되고,let i 는 for문에서 정의한 값과 상관 없이 for문 이전에 정의한 값인 999가 출력됩니다.&#34;var은 함수를 선언할 때만 스코프가 생긴다. 블록레벨 에서는 var을 썼을때 새로운 스코프를 만들어내지 않는다. 그래서 global scope인 i가 for으로 바꿔준 값인 10이 출력된다.&#34; 라고 하셨는데 이 부분이 이해가 잘 가지 않습니다.. 스코프를 만들지 않는 것과 for에서 10으로 바꿔준 값이 global scope인 i에도 적용이 되는 것과 무슨 상관이 있는 건가요..??var i &#61; 999; for (var i &#61; 0; i < 10; i&#43;&#43;) { console.log(i); } console.log(&#96;i in global scope : ${i}&#96;); // 10 ------------------------------------------------------------------- i &#61; 999; for (let i &#61; 0; i < 10; i&#43;&#43;) { console.log(i); } console.log(&#96;i in global scope : ${i}&#96;); // 999

알싸한커피피 · Answer

위의 경우는var i라는 동일 타입 동일 이름 변수를2번 썼기 때문에 변수의 재할당이 이뤄져서그렇게보이네요var 는 변수 재선언이 가능합니다ㅎㅎ저도 잘 모르지만.그래서 왠만하면 var를 쓰지 않는 추세입니다let이랑 const를 쓰시는 게 좋아요

둠칫따당 · Answer

일단 스코프 라는 개념을 이해하셔야합니다 스코프란 변수의 참조 범위를 의미합니다.스코프가 같아야 지역변수이다스코프에 변수가 없다면 부모 스코프를 참조한다js의 표준인 ECMAScript에는 함수레벨 스코프와 블록레벨 스코프를 분리해서 설명합니다함수 레벨에서의 var 변수 생명주기를 설명드리고 싶지만 직접 찾아보는 게 더 도움이 될거예요 :) 중요한건 var은 블록레벨에서는 본인을 참조할 수 있는 스코프를 생성하지 않는다! 라는거고 ECMAScript에서 이 단점을 보안하기 위해 let, const를 정의한거랍니다 let은 블록레벨에서도 본인을 참조할 수 있는 스코프를 생성하기 때문에 위와 같이 전역변수를 덮어버리는 현상을 방지할 수 있게 되었습니다

글펑하지맙시다 · Answer

일단 var,const,let 차이부터 학습하시면 될것같네요~

songline · Answer

설명이랑 예제가 좀 헷갈리게 적혀 있는데 해당 예제에서 집중해야 할 부분은 함수 스코프와 블록 스코프 입니다.var은 함수 스코프를 따릅니다. 오직 함수의 몸체로만 유효 범위가 구분되며 for문이나 if문 등으로 인한 블록은 무시되죠. 그래서 위 예시 상단의 케이스는 for문 안에서 var i로 선언된 변수 i가 for문 밖에서도 유효하죠.위 설명에서는 마치 var i로 변수를 선언하면 그게 글로벌 변수 자체가 되는 것처럼 표현했는데 그보다는 그냥 보다 세분화되고 유효한 var i가 출력되고 있다고 보시면 됩니다.i = 999; (function() { for (var i = 0; i < 10; i++) { console.log(i); } console.log(`i in function scope : ${i}`); // 10 })() console.log(`i in global scope: ${i}`); /// 999이걸 출력해보면 좀 더 이해가 쉽죠.반면 let은 블록 스코프를 따르고, 함수 몸체 뿐만 아니라 for문, if문 등으로 구분된 블록에서도 유효 범위가 제한되기 때문에 for문 안에서 let i로 선언된 변수 i는 for문이 끝나면 사라지고 그럼 있는거라곤 글로벌 변수 i 뿐이니 그걸 출력하게 되는 겁니다.i = 999; (function() { for (let i = 0; i < 10; i++) { console.log(i); } console.log(`i in function scope : ${i}`); /// 999 })() console.log(`i in global scope: ${i}`); /// 999출력을 참고하세요.

자바스크립트 scope 에 관한 질문...

4개의 답변

#scope 목록