자바스크립트 스코프

스코프란 ? 

전체적인 범위 안에서 지역변수로 만드는것 

 

// 함수외부의 변수는 전역변수

var obj = '안녕';

console.log(window.obj);

 

function fn2() {

  var obj = '안녕';

  // 지역변수

  console.log(obj);

  // 함수로감아줬기떄문에 콘솔 확인시 밑의 안녕이 나옴

}

fn2();

 

위에 obj 변수가 사용됬어도 

지역변수를 만들어 함수안에 가두면 또 사용이 가능

둘이 중복되지않는다.

 

 

---

function fn2() {

  var obj = '안녕';

  // 지역변수

  console.log(obj);

  // 함수로감아줬기떄문에 콘솔 확인시 밑의 안녕이 나옴

  function innerFu() {

    console.log(obj, '===');

    var obj = 'hi';

  }

  innerFu();

}

fn2();

 

만약 밑에 다시 함수를 지정해준다면 ?

undefined 가 나온다. 

 

 

함수선언식과 

변수는 스코프내에서 무조건 위로 끌어올려진다.

이게 함수 호이스팅

 

 

---

function fn2() {

  var obj = '안녕';

  console.log(obj);

 

  function innerFu() {

    var obj = 'hi';

    console.log(obj, '===');

    // 항상 변수선언과 초기화는 스코프 최상단에서 사용해야한다.

  }

  innerFu();

}

fn2();

 

 

제대로 hi 가 나오게 하려면 

항상 위에서 변수선언을 해야한다. 스코프의 최 상단

선언전에 사용하면 못읽으므로 선언 후 사용할것!

 

 

---

 

 

하지만 내부함수에서 외부함수를 사용할 수 없으므로 사용하면 안된다. 

변수 이름을 다르게 지정해야함 

 

 

function fn2() {

  var obj = '안녕';

  function innerFu() {

    // 변수선언부가 호이스팅되어 함수스코프 최상단으로 올라감

    // 항상 변수선언과 초기화는 스코프 최상단에서 사용해야한다.

    var innerobj = 'hi';

    console.log(obj, '외부함수의 변수');

    console.log(innerobj, '===');

  }

  innerFu();

}

fn2();

때문에 지역변수의 이름은 다르게 지정해야함