[JavaScript] 스코프 제대로 알기 - 1

스코프 제대로 알기 - 1

스코프를 왜 공부해야하는가.

이런 코드를 짰다.

var len = 3,
     i;
for (i = 0; i < len; i++) {
  $("#number" + i).click(function() {
    alert("number" + i + " 번을 클릭했습니다."); 
  });
}

아래 3개의 버튼이 있다. id는 number0, 1, 2 이다. 이제 이들을 클릭해보자. 어째서 이런 것일까? 왜 number3 번을 클릭했습니다. 만 뜨는 것일까
scope에 대한 이해가 필요한 시점이다. 자바스크립트에서 스코프에 영향을 주는 3가지 요소

1. function
2. with
3. catch

우리는 이 중에서 function을 많이 살펴볼 것이다. with는 많이 쓰지 않는 듯하고...이제 못 쓸것 같다. 관련페이지 http://www.whynam.com/2017/06/javascript-2.html http://www.whynam.com/2017/06/javascript-3.html