WIL: 2022-05-22 ES란? ES5와 ES6의 차이

hayeooooon·2022년 5월 22일
0

TIL: Today I Leaned

목록 보기
14/25

ES란?

ES는 ECMAScript의 줄임말이며, 정보와 통신 시스템을 위한 국제적 표준화 기구인 Ecma International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다. 자바스크립트를 표준화 하기 위해 만들어졌다. ECMA스크립트는 웹의 클라이언트 사이드 스크립트로 많이 사용되며 Node.js를 사용한 서버 응용 프로그램 및 서비스에도 점차 많이 쓰이고 있다. ES5와 ES6 등 ES뒤에 붙는 숫자는 버전을 뜻한다.

ES5와 ES6의 문법 차이

  • let, const 함수 추가
    ES5까지 암묵적인 재할당이 가능했던 var 함수의 단점을 보완하기 위해 ES6에서는 블록 레벨 스코프를 가진 let, const 키워드가 추가되었다.

  • Arrow function
    ES6에서는 화살표 함수가 추가되어 함수를 간결하게 나타낼 수 있으며, 화살표 함수 사용으로 인해 가독성 및 유지 보수성이 올라갔다. 단, 기존의 함수와 다른점은 this의 바인딩이 다르다. ES5의 함수에서 this는 자신을 호출한 요소를 바라보는데, ES6에서의 this는 상위 스코프로 범위를 넓혀가며 찾는다. 또한 화살표 함수에서는 매개변수가 하나일 때 괄호가 생략 가능하며, 소괄호 및 return도 생략이 가능하다.

  • Template literal 추가
    ES6부터 Template listeral이 추가되면서 문자열 관리가 편해졌다.
    ES6 이후로는 backtic 기호의 사용이 도입되면서, ${} 처럼 중괄호 앞에 달러 표시를 통해 자바스크립트 표현식을 입력하는 것이 가능해졌다.
    여러 라인의 문자열도 ES5 버전에서는 줄바꿈과 덧셈 연산자를 사용해 구현해야 했지만, ES6 버전 부터는 백틱을 사용할 경우 문제 없이 표현이 가능하다.

0개의 댓글