3W_JS_Scope

학습목표

• 스코프의 의미와 적용 범위를 이해할 수 있다

Scope 는 범위라는 의미를 갖고, 더 자세히는 변수의 유효범위의 뜻을 갖는다

예제1

<예제 1>

두log가 동일한 변수를 출력하는듯 하지만 message라는 변수가 안쪽 스코프 ({} 중괄호로 구분됨)에

선언 할당 되어있으므로, 4번째줄에선 출력 가능함.

6번째줄에서는 바깥에서 안으로 들어갈수 없기 때문에 출력할수 없음.

 

-스코프의 주요 규칙을 이해할 수 있다

• 중첩 규칙
• block scope와 function scope(블록-중괄호기준/ 함수-함수로 둘러싼 범위 )
• *화살표함수는 블록 스코프로 취급됨
• 전역 스코프와 지역 스코프
• 전역 변수와 지역 변수간의 우선 순위 (지역이 우선!)

예제 2-1

 

김코딩 - 박해커 - 박해커 순으로 출력

 

첫번째 출력시 첫줄의 전역 name이 출력

예제 2-2

두번째 출력시 안쪽스코프에서 변경된 name변수가 확인되어

박해커 출력

 

세번째 출력시 1개의 name변수가 쇼네임이라는 함수에 의해 값이 바뀌었으므로 전역변수 name값은 박해커가되어 출력

 

 

 

 

김코딩 - 박해커 - 김코딩 순으로 출력

 

첫번째 출력시 첫줄의 전역 name이 출력

두번째 출력시 안쪽스코프에서 선언된 name변수 값인

박해커 출력

 

세번째 출력시 전역변수가 출력되어 김코딩 출력 

 

 

 

 

 

• let, const, var 의 차이

 

 

• 전역 객체(window)의 이해(window는 브라우저 창을 의미하는 객체지만 전역영역을 담고있기도함)

var로 선언된 전역 변수 및 전역 함수는 window라는 객체에 속하게 됨.

var를 전역변수로 만들거나 함수선언식으로 함수를 선언하면 윈도우 객체에서도 동일한값을 찾을수있음

 

 

---

발견한것

전역 변수에 너무 많은 변수를 선언하면 의도되지않은 side Effect가 발생할수있다.

스코프를 잘사용하면 원하는 값을 정확하게 얻을수있을것같다.

가끔 리턴위치마다 값이 틀려지는 이유를 알게 되었다.

---

느낀점

복잡하다 ㅋㅋ 가끔 블록안에 선언이 되어있는지 전역변수를 가져와 쓴건지 코드를 유심히 살피는 연습을 해야겠다.

---

다음 공부방향

이어지는 클로저는 좀더 복잡해 보이는데 오답노트를 작성하며 공부해 봐야겠다.