less than 1 minute read

ES6

ES5 와 바뀐 점이 무엇인가?

1. Arrow Functions
2. Classes
3. Iterator
4. Let, Const
5. promise

Arrow Functions

함수는 화살표로 대체하여 코드가 더 간결해졌습니다

스크린샷 2020-01-31 오전 9 27 49

classes

class 문법을 제공해줍니다. extends 를 사용해서 확장도 가능합니다.

스크린샷 2020-01-31 오전 9 54 44

let

let 은 블록 범위입니다. 값이 지정되도 변경 가능합니다.

function test() {
  let x = "a"
  if (true) {
    let x = "b"
    console.log(x);  // b
  }
  console.log(x);  // a
}

const

const 도 블록 범위입니다. 값이 지정되면 변경 불가능합니다.(=상수)

const a = "이어진"

a = "이희진" // 에러발생

Iterator

스크린샷 2020-01-31 오전 10 00 01

promise

비동기 프로세싱을 위해 사용합니다. 가독성이 좋고 콜백의 단점을 보완시켜줍니다.

스크린샷 2020-01-31 오전 10 04 21

회고점

javascript 의 역사와 트렌드가 뭔지 알게되고 여지껏 변수 선언은 var 만 있는 줄 알았지만 let 과 const 도 있었다는 것을 알게됐습니다. ES6 에는 많은 변화가 있었지만 제가 이해한 것들만 적었습니다. 계속 공부해가면서 글을 보강해나가겠습니다.

출처 https://www.slideshare.net/WooyoungCho/ecmascript-6-64456124 http://woowabros.github.io/experience/2017/12/01/es6-experience.html