모던 자바스크립트(javascript) 개발을 위한 ES6 강좌

ECMAScript 의 필요성과 수강 후기

 

   자바스크립트가 다양한 웹 브라우져들의 지원을 받으면서 공통되게 잘 작동하기 위해

 

     표준이 만들어진다.  그 중 가장 중요한 변화를 겪은 ES6 의 수강 후기이다.

 

      www.inflearn.com/course/es6-%EA%B0%95%EC%A2%8C-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8#

모던 자바스크립트(javascript) 개발을 위한 ES6 강좌 - 인프런

 

 웹에서 자바스크립트는 중요하므로 기초처럼 배우기!!

---

ES6이전에서는 var 키워드 사용법이 유일한 변수 선언이었다. 

 

하지만 이는 다른 언어와 다른 여러가지 특징이 있어서 주의가 필요했었다.

 

• 함수 레벨 스코프

            ㄴ> 함수의 코드 블록만 스코프로 인정해서 그외는 모두 전역변수

 

• var 키워드 생략 허용

             ㄴ> 암묵적 전역변수

 

• 변수 중복 선언 허용

              ㄴ> 의도치 않게 변경의 가능성도 있었다.

 

• 변수 호이스팅

              ㄴ> 변수 선언전에 참조 가능(다른 언어와 달라 제일 이해 어려웠던..)

 

 

---

이로 인해!! ES6에서는 단점 보완하기 위해 let과 const 키워드 도입!

 

//블록 레벨 스코프 따르지 않는 var

var ryu=123;  //전역 변수

console.log(ryu); // 123

{
  var ryu=456; //전역 변수
}

console.log(ryu); //456

 

전역변수 ryu를 새로운 값으로 재할당하여 덮어쓴다.

 

이로인해!! ES6부터 블록 레벨 스코프를 따르는 변수 선언하는 let 키워드 제공

 

//블록 레벨 스코프 따르지 않는 var

let ryu=123;  //전역 변수

console.log(ryu); // 123

{
  let ryu=456; //지역 변수
  let gr=789;  //지역 변수 
}

console.log(ryu); //123 전역
console.log(gr); //ReferenceError: gr is not defined

 

 

---

const 는 상수를 위해 사용한다. 

 

const name="ryu";
console.log(name);


const name="gr";
console.log(name); //'name' has already been declared

name="zzz";
console.log(name); // Assignment to constant variable

 

 

const와 객체

객체의 내용은 변경 가능하다.

const user={name:'ryu'};

user={age:20};  //Assignment to constant variable.

 
user.name="gr"; //객체 내용은 변경가능하다

console.log(user); //{age:100}

 

---

정리하자면!!

 

ES6 사용한다면 var 키워드는 사용 안하는게 좋다

 

재할당시 let 키워드 사용

 

상수 사용시에는 const  사용