ES6+

자바스크립트 문법, 기능을 매우 향상시켜줌

 

let은 스코프를 블록 단위로 제한해줌

if (true) {
  let x = 10;
  console.log(x); // 10
}
console.log(x); // Error: x is not defined

 

const는 선언 후 값 변경 불가

const y = 20;
y = 30; // Error: Assignment to constant variable.

 

function을 사용하지 않고 화살표로 함수 정의 가능

// 기존 함수
function sum(a, b) {
return a + b;
}

// 화살표 함수
const sum = (a, b) => a + b;

 

또한 템플릿 리터럴을 사용할 수 있다.

`My name is ${name} and I am ${age} years old.`

다음과 같이 문자열 내에 변수 삽입이 가능한 것임

 

디스트럭처링도 지원

// 배열 디스트럭처링
const arr = [1, 2, 3];
const [a, b] = arr;
console.log(a, b); // 1 2

// 객체 디스트럭처링
const obj = { name: "Alice", age: 25 };
const { name, age } = obj;
console.log(name, age); // Alice 25

 

그리고 디폴트 매개변수 설정도 가능

function greet(name = "Guest") {
  console.log(`Hello, ${name}!`);
}

greet(); // Hello, Guest!
greet("Alice"); // Hello, Alice!

 

배열이나 객체를 다른 배열에 펼칠 때 쓰는 전개 연산자(...)를 사용할 수 있다.

const arr1 = [1, 2, 3];
const arr2 = [...arr1, 4, 5];
console.log(arr2); // [1, 2, 3, 4, 5]

 

import/export로 코드를 모듈화하여 사용함