JS[Scope, Closure]

Scope

변수의 유효범위

• let,const

let username = 'moon'
if(username){
	let message = `hello ${username}`
    const message2 = `hello ${username}`
    console.log(message)
    }
console.log(message) //ReferenceError: message is not defined
console.log(message2)//ReferenceError: message2 is not defined

let,const는 블록 내에서만 사용가능

• var

let username = 'moon'
if(username){
	var message = `hello ${username}`
    console.log(message)
    }
console.log(message) //hello moon

var는 블록 스코프를 무시
(모든 블록 스코프를 무시하는건 아님, 화살표 함수의 블록 스코프는 무시하지 않는다.)

블록 단위로 스코프를 구분했을 때, 훨씬 예측 가능한 코드를 작성할 수 있으므로 let,const 키워드 사용이 권장됨

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

Closure

외부 함수의 변수에 접근할 수 있는 내부 함수

const adder = x => y => x+y
/*const adder = function (x) {
	return function(y){
    	return x+y
    }
}*/
adder(5)(7) // 12

typeof adder(5) // function

adder(5) // y => x + y

클로저는 리턴하는 함수에 의해 스코프가 구분된다.
클로저의 핵심은 스코프를 이용해, 변수의 접근 범위를 닫는데 있다.

클로저는 정보의 접근 제한(캡슐화)에 유용하게 사용된다