3W_JS_스코프와 클로저

<스코프 Scope> -변수 접근 규칙에 따른 유효범위.

• 스코프의 의미와 적용 범위를 이해할 수 있다
• 스코프의 주요 규칙을 이해할 수 있다
  • 중첩 규칙
  • block scope와 function scope
  • 전역 스코프와 지역 스코프
  • 전역 변수와 지역 변수간의 우선 순위
  • let, const, var 의 차이
  • 전역 객체(window)의 이해

let vscope = 'global';
//여기부터
function fscope() {
  let vscope = 'local';
  let lv = local variables';
  alert(lv);
} //여기까지 local scope
fscope();
alert(lv);

 

스코프 특징

1. 바깥 스코프(전역 = Global Scope)의 변수는 안쪽에서 사용 가능하다.

2. 안쪽 스코프(지역 = Local Scope)는 바깥쪽에서 사용 불가능하다.

3.스코프는 중첩이 가능하다.

4. 안쪽 스코프(지역 = Local Scope)는 더 높은 우선순위를 가진다.

 

스코프의 종류 

 

1. Block scope : 중괄호로 둘러싼 범위

2. Function scope : 함수로 둘러싼 범위 ( '=>' 화살표 함수로 만드는 것은 블록스코프)

 

변수 선언 키워드별 정리

	let	const	var
유효범위	블록,함수 스코프	블록,함수 스코프	함수 스코프
값 재할당	가능	불가	가능
재선언	불가	불가	가능

 주의사항

var의 경우 너무 많은 전역 변수와 ,함수가 생길수있어 의도하지않은 side effect가 생길수있고,

var는 블록스코프를 무시하고 함수(화살표 함수 포함)스코프만 따르기때문에 let키워드를 사용하는것을 권장한다.

(let은 블록 단위로 스코프를 구분할때 예측 가능한 코드를 만들수있다.)

 

꿀팁 : JS 파일 상단에 use strict를 사용하면  브라우저가 변수명이 같은에러부분을 엄격하게 잡아준다고 한다.

'use strict';

 

 

<클로저 Closure> -외부함수의 변수에 접근할수있는 내부함수

• 클로저 함수의 정의와 특징에 대해서 이해할 수 있다
• 클로저가 갖는 스코프 범위를 이해할 수 있다
• 클로저를 이용해 유용하게 쓰이는 몇 가지 코딩 패턴을 이해할 수 있다
   

클로저 함수 특징

1. 함수를 리턴하는 함수이다.

2. 외부함수의 변수에 접근가능한 내부 함수이다.

3. 데이터를 보존하는 함수이다.

4.클로저 모듈패턴 (함수의 재사용성을 극대화하여 함수하나를 완전히 독립적인 부품형태로 분리한다.)

 

!!잘 모르겠으면 일단 이렇게 생각하자

'함수 내에서 다른 함수(내부 함수)가 리턴이 되면, 이 함수를 클로져 함수라고 부르고, 외부 함수에 있는 변수에 접근 가능하구나'

 

 

 

---

얼만 안되는 짧은 시간 공부하면서 개념이해와 간단한 예제정도는 풀어왔는데,

스코프와 클로저는 예제에 손도 못대고 콘솔창에 하나하나 찍어서 답을 확인했다.

 

약간 개발공부 클로저와 함께 클로즈 할뻔했는데...

체크포인트 리뷰 크루님이 말하길..  한번에 이해하면 천년에 한번 나타나는 개발자라고 하심...ㅎㅎ

 

스코프와 클로저 헷갈릴때는

1.  지역 / 전역 스코프 나누기.

2. 선언 변수 찾고 지역 선언인지/ 전역 선언인지 찾기.

3. 선언되지않은 변수가 가리키는 대상안에서 부터 밖으로 찾기. (내부선언이 있으면 거기서 끝냄)

 

라고,, 하셨지만 실제로 예제 보면 "아니... 니가 왜 여기서나와....." x 100000000

 

내가 헷갈리는 부분은 선언없는 내부 변수가 값을 찾아 어디로 가야하는지 왜 x찾다가 어느순간 y에 왜 할당을 주게된것인지...  

let x = 30;
function getnumber(x){  //이부분의 x가 펑션에 준 매개변수라서 let = x; 로 이해해야한단다
 return x;
}

 

 그리고 리턴을 해서 어디로 가야하죠 아저씨 우는손님이 처음인가요...

 

하지만 다행히도...

큰일을 보면 작은일이 해결되듯이 ^^ 

이녀석들도 더 어려운 개념들을 만나면 점차 이해가 간다고 하니 기다려봐야겠다..

 

더 쉬워지는건 없다. 뇌가 혹사하듯이 공부하면 언젠가 뇌에서 알아서 연결한다 . 화이팅.