두개의 자아

그러므로 사실상 대부분의 변수가 전역변수가 된다. 

Java

void a() {

int a =1;

{

int b = 2;

}

System.out.println(b); //< 컴파일 오류 

}

Javascript

{

b = 2;

}

alert(b); //잘돌아감 

2. 함수 유효범위는 있다. 

function a() {

b = 1;

}

alert(b); // undefined 가 뜬다.

3. 내부함수는 외부함수에 접근할수 있다. 

보통 이방법을 통해 변수에 지역성을 부여한다. 

function a() {

var value = 0;

return function() {

value++;

return value;

}

}

4. 여기에  var 의 혼란성도 있지요

var a = 1;

전역변수 영역에서 var는 그냥 전역변수 선언입니다. 

그런데 함수영역에서는 좀 다르죠. 

b = 1;

function a() {

   alert(b); // 1 

}

위 코드는 b가 함수안에 없다면 전역변수 영역까지 뒤져서 가져옵니다. 이걸 방지하는게  var입니다. 

b = 1;

function a() {

var b;

alert(b);  // 선언후 아무값도 지정하지 않았고 전역변수영역을 뒤지지 않았기  때문에 undefined 가 뜹니다. 

}

이게 문제가 되는것이 어느경우냐 하면

function a() {

value = 1;

return function() {

value ++;

return value;

}

}

이건 잘 동작하는것처럼 보입니다만..

value = 100; // 전역변수 

를 선언하는순간 문제가 발생하죠. 

또는 꺼꾸로

maxValue = 100; // 전역변수 

...

function a(newValue) {

maxValue = newValue;

return funtion() {

return maxValue ++;

}

}

이렇게 함수에서 전역변수를 바꿔버리는 문제가 발생할수도 있지요. 

보통 이런 문제는 거리가 먼 코드에서 변경이 발생하기 때문에 잡기도 어려운 경우가 많습니다. 

그러니 함수 안의 변수들에는  var를 붙여주는것을 관례로 삼는것이 정신건강에 좋습니다. 

5. 이런 범위 이슈와 더불어 js에서 객체 생성은 두가지 방식으로 이루어지는데,  new와 함수 호출입니다. 

함수를  new 연산자를 통해 호출하면, 호출한 함수의  prototype 속성에 연결된 링크를 갖는 객체가 만들어지고, 이 새로운 객체가  this에 바인딩됩니다. 

var Cat = function(name) {

this.name = name;

}

var cat1 = new Cat(“Bluecat”); 

이런식으로 쓸수 있지요. 

문제는 다음 코드죠. 

var cat2 = Cat(“Bluecat”) 

이 경우 this는 글로벌을 가르키게 되고 전역변수  name을 수정하게 됩니다. 

즉 대부분의 언어에서 객체 자기 자신을 가르치는 this가 전역변수 영역을 가르키는 문제가 발생합니다. 

라이브러리를 여러개 사용하고, 개발하는 사람도 여러명일때(특히 자바나 C 하던 사람이 js 할때)

new 를 선호하는 사람/라이브러리는 꼭 나오게 마련이고, 

그렇게 만들어지 코드를 다른 사람이 볼때 “함수니까 호출하면 되는군”하고  new 를 이용하지 않고 호출할경우

전역변수가 변경되어 버리는 참담한 버그가 발생하게 됩니다. 

따라서 프로젝트를 진행할때는 js에서는  new 를 절대 사용하지 않는 강력한 관례를 사용하는 경우가 많습니다...만 뭐 말처럼 되지는 않지요. 

아무튼 이런 범위와 문맥 관련한 혼란은 자바스크립트의 언어적 문제로 여러사람을 골탕먹입니다. 

참고가 되셨기를..