자바스크립트 ECMA 6버젼 (let과 var의 도입)

자바스크립트는 브라우져사의 엔진으로 ECMA스크립트의 언어를 수집하며 현재는 ECMA의 6버젼이 브라우져를 지원하던중 6버젼이 나오게 되었다. 
5~6으로 변화를 도입하던중 리엑터 부터 사용하게 되었다. 2016년이 표준안으로 매년나오고 있다.  

let과 const(Constance의 약어)의 단어가 생성이 되었다. 

var를 사용하던 변수의 명을 let으로 변경하여 사용하였고, const라는 상수를 이용하게 되었다. 

var와 let의 차이점

• let 변수란..
  • let은 변수 선언자로 선언된 변수는 변수 끌어올리기가 적용되지 않는다. 
  • let은 변수 선언자로 선언한 변수는 그 변수가 선언된 블록내에서만 사용할 수 있다. 
  • 그래서 요즘에는 let으로 선언한다고 이야기를 한다. 
  • 이제는 앞으로 변수는 let으로 사용할 것이다. 
  • 같은 변수의 이름을 사용하면 변수가 이미 선언되어 있다고 오류가 나타난다. 
  • 함수내에서 같은 이름의 변수를 중복선언할 수 없다. 
  • let으로 적게 쓰는 것이 오류가 날 확률이 줄어든다. 
• var 변수란... 
  • var변수의 선언자로 함수내에서 선언한 변수는 함수의 첫부분으로 끌어올려지는 변수호이스팅이 발생한다. 
  • var변수의 선언자로 함수내에서 선언한 변수의 유효범위는 그 변수가 선언된 블록이 아니라, 함수가 그 변수의 유효범위이다. 
  • 같은 변수를 선언해도 오류가 나지 않고, 후발자의 선언이 유지된다. 
  • 함수내에서 같은 이름의 변수를 중복선언해도 오류가 발생하지 않는다. 
  • var변수 선언자로 선언한 변수는 블록 밖에서도 사용할 수 있다. 
  • if문 밖에 설정해도 if문 내에서 선언한 변수를 읽어올 수 있다.
    • function fn1(){
      var a, b; //변수 호이스팅 때문에 함수의 첫부분에서 모든 변수가 미리 선언된다.
      a = b;
      if(a == 10) {
      //var 변수 선언자로 선언한 변수는 블록 밖에서도 사용할 수 있다.
      b = a*2;
      console.log("b의 값", b)
      }
      //if문 바깥에 설정됨
      console.log("a의 값", a);
      //if문 블록안에서 선언한 변수 b의 값을 출력할 수 있다.
      console.log("b의 값", b)
      }
      fn1();function fn1(){
      var a, b; //변수 호이스팅 때문에 함수의 첫부분에서 모든 변수가 미리 선언된다.
      a = b;
      if(a == 10) {
      //var 변수 선언자로 선언한 변수는 블록 밖에서도 사용할 수 있다.
      b = a*2;
      console.log("b의 값", b)
      }
      //if문 바깥에 설정됨
      console.log("a의 값", a);
      //if문 블록안에서 선언한 변수 b의 값을 출력할 수 있다.
      console.log("b의 값", b)
      }
      fn1();