10-2장 자바스크립트 함수 다루기

공부할 내용 (406~417쪽)

1.스코프

스코프는 변수나 함수와 같은 참조 대상 식별자를 찾아내기 위한 규칙이다.

 

-함수 스코프

함수 스코프는 함수에저 정의한 블록문만 스코프의 유효범위로 인정하는 방식이다.

  let a = 10; // 전역 스코프
function sum(){
  let b = 10; // 지역 스코프
  console.log(`함수 내부: ${b}`);
}
sum();
console.log(`함수 외부: ${a}`);

 

-블록 스코프

{}로 구성된 블록문 기준으로 스코프의 유효범위를 나누는 방식이다.

var a = 10;
{
  var b = 20;
  console.log(`내부 a: ${a}`);
  console.log(`내부 b: ${b}`);
}
console.log(`외부 a: ${a}`);
console.log(`내부 b: ${b}`);

 

-참조 우선순위

let, const 키워드는 같은 식별자의 중복 선언이 불가능하다.

 

 

2.함수 호이스팅

호이스팅은 코드를 선언과 할당으로 분리해 선언부를 자신의 스코프 최상위로 끌어 올리는것을 말한다.

 

3.즉시 실행 함수 사용하기

함수를 정의하면서 동시에 실행까지 하는 함수를 말한다.

 

형식)

(function(){})();

예시)

(function sum(a, b){
    console.log(a+b);
})