ES6

const, letArrow Function 향상된 객체 리터럴스프레드 오퍼레이터 (Spread Operator)템플릿 리터럴 구조 분해 할당ModulesES6 문법에 대해 알아보기!

ES6 문법 살펴보기 > const, let Arrow Function 향상된 객체 리터럴 스프레드 오퍼레이터 (Spread Operator) 템플릿 리터럴 구조 분해 할당 Modules let, const let let 은 블록 유효 범위를 갖는 지역 변수를 선

Arrow Function 은 ES6 의 새로운 함수 정의 방식입니다.화살표 함수의 this 는 상위 스코프의 this 를 가리킵니다. 이를 lexical this 라고 합니다.이러한 특징으로 메소드 정의를 지양하는게 좋다고 합니다.다른 해결 방법으로 ES6의 함수 축

향상된 객체 리터럴은 기존 자바스크립트에서 사용하던 객체 정의 방식을 개선한 문법입니다. 객체 정의 시에 속성과 값이 같이 있으면 축약이 가능합니다.위와 같이 기존 함수 정의를 축약한다면 아래와 같이 할수 있습니다.

스프레드 오퍼레이터는 펼침 연산자라고 합니다.특정 객체 또는 배열 값을 다른 객체나 배열로 복제하거나 결합할 때 사용합니다.

템플릿 리터럴은 자바스크립트에서 문자열을 입력하는 방식입니다. 백틱(\`)이라는 기호를 사용합니다.보통은 줄바꿈을 할 때 \\n 사용하는데 백틱(\`)을 사용하면 엔터키가 적용이 됩니다.백틱을 사용한다면 위처럼 문자열 안에서 변수 처리도 가능합니다. (연산처리도 가능)

객체와 배열의 구조를 분해 하여 표현하는 방식입니다.위처럼 객체의 프로퍼티 값을 가져오려면 위처럼 해야했습니다. 이처럼 구조 분해 문법을 사용하면 코드가 훨씬 간결해집니다.

Import 와 Export 는 자바스크립트의 코드를 모듈화 할수 있는 기능입니다.다른 파일에 있는 자바스크립트를 특정 파일로 가져와 사용하는 의미 입니다.위의 경우 유효범위가 전역으로 잡히기 때문에 값이 변하게 됩니다. 모듈화 패턴이나 라이브러리를 사용하여 해결 했지