[javascript] ES5,ES6?

😎·2022년 11월 28일
0

javascript

목록 보기
17/21

먼저 ES란?

ECMASCRIPT 의 약어로 자바스크립트의 표준,규격을 나타내는 용어이다.
뒤에 숫자는 버전을 뜻하는데 ES5(2009년) , ES6(20150년) 출시 하였다.
ES5,ES6 사이엔 6년의 시간차가 있는데 많은 기능들이 추가 되었으며음

ES5와 ES6의 차이점

let, const 키워드 추가

ES6이전 var 키워드는 함수레벨 스코프를 가지며 암묵정 재할당이 가능 하였다.
단점을 보완하기 위해 블록 레벨 스코프를 가지며, 재할당 가능한 let,const 키워드가 추가 되었다.
변수의 생명 주기에 영향을 끼치며, 키워드만 보았을 때에도 변수의 변화가 생기는지 알 수 있다.

Arrow function 추가(람다)

화살표 함수가 추가되어 함수를 보다 간결하게 나타낼 수 있다.
가독성,유지 보수성이 향상 되었다 다만 기존의 함수와 this 바인딩이 틀리다.

Default parameter 추가

기존 함수의 매개변수에 초깃값을 작성 하려면 함수 내부 로직설정이 필요 했으나.
ES6이후 Default parameter가 추가 되었다.

Template literal 추가

ES6이전 문자열 관리가 불편했다.
Template literal이 도입된 후 관리가 간편해 졌으며,
사용법은 ``(백틱)이다.
${} 중괄호 앞에 달러 표시를 통해 자바스크립트 표현식을 삽입 가능하다.

클래스

객체 생성 방식중 하나이며, 자바스크립트는 프로토타입 기반의 객체 지향 프로그래밍 이다.
자바스크립트에서 클래스는 객체를 생성하는 함수??
단 생성자 함수와 동일하게 작동하지 않으며, 호이스팅이 발생하지 않는 것 처럼 동작한다(let , const)와 유사

디스트럭처리 할당

비구조화, 파괴를 뜻하는 단어이며, 크게 객체나 배열에서 사용하여 개별변수에 할당 하는것 이다.

String 메서드 추가

ES6부터 문자열 메서드가 추가되었다.

포함여부(include), 시작여부(starsWith), 종료여부(endWith)의 메서드 반환 값으로 true, false 값을 리턴하여 문자열 메서드들로 검사로직이 수행 가능해 졌다.

profile
개발 블로그

0개의 댓글