[JavaScript] ES5 & ES6 ?

Pink Chun·2022년 10월 2일
2

JavaScript

목록 보기
2/2
post-thumbnail

1. JavaScript의 ES ?

ES는 ECMAScript의 약자이다. ECMAScript는 무엇일까? 위키백과를 보면 ECMAScript 는 Ecma 인터내셔널의 ECMA-262 기술 규격에 정의된 표준화된 스크립트 프로그래밍 언어이다. 자바스크립트를 표준화하기 위해서 만들어졌으며 꼭 자바스크립트가 아니더라고 어도비 플래시를 사용하는 소프트웨어에서 사용하는 액션스크립트, MS사의 인터넷 익스플로러에 쓰이는 J스크립트 등 다른 구현체들 역시 포함하고 있다.

ES는 프로그래밍 언어가 아닌 스크립트 언어들에 대한 표준, 규격이다.

2. ES5/ES6 문법 차이

1) let, const 키워드 추가
기존의 var 키워드는 함수 레벨 스코프를 가지며 암묵적 재할당이 가능했다. 단점을 보완하기 위해 블록 레벨 스코프를 가지며 재할당이 가능한 let, const 키워드가 추가되었다.

2) arrow fucntion추가
화살표 함수가 추가되어 함수를 간결하게 나타낼 수 있다.

//es5
function sum(a, b){
return a + b
}

//es6
const sum = (a, b) => a + b

3) iterator / generator 추가

4) module import / export 추가

5) Promise 도입 ( Callback Hell을 해결해 줄 기법이 추가 되었다.)

6) Default, Rest 파라미터

7) 해체 할당, Spread 연산자

8) Template literal 추가 (back tic) 안에 ${} 표현식을 사용하여 문자열을 간편하게 쓸 수 있다.

// es5
var first = 'hong'
var last = 'gildong'
var name = 'My name is ' + first + ' ' + last + '.'
// My name is hong gildong.

// es6
const name = My name is ${first} ${last}.
// My name is hong gildong.

9) 호이스팅이 사라진 것 같은 효과

10) 함수 단위 스코프에서 블록 단위 스코프로 변경


[내 이야기]

알고리즘 문제를 풀고 시험을 치는 주였다. 알고리즘 문제를 이해하는것 부터 너무 어려웠다. 다른 분들은 다들 잘하시는데.. 혼자 문제도 이해 못하는 나 자신을 보고 참 한심했지만 어쩔 수 있겠는가 키키키 해내야지 크크 일단 열심히만 했던 한 주였다.

profile
최룰루의 개발일지(코린이)

0개의 댓글