ES6

 

ES6

ECMA스크립트(ECMAScript, 또는 ES)는 자바스크립트를 표준화 하기위해 만들어진, ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말합니다

 

추가된 기능 

 

const, let 

const 와 let 는 기존 var에 있던  재할당과 재선언에 대해서 심각한 오류가 발생하는걸 막기 위해 나타난 거다 

let

재할당 이 가능하고 재선언은 안됩니다

 

const

재할당, 재선언이 불가능해서 다른곳에서 쓰일 일이 없어서 오류와 같은 상황이 적다

객체와함께 사용할때를 제외하고는 변경이 불가능한 변수이다

 

화살표 함수 

함수를 쓰는 방식에 표현식과  선언식이 있었는데 더 간략하게 쓸수 있는 화살표 함수가 나왔다

화살표 함수를 map과 filter, reduce 등 내장 함수와 함께 사용할 수 있습니다.

// ES5
const myArrary = ['진수', '영철', '영희', 5];

let arr1 = myArrary.map(function(item) {
	return item;
});

console.log(arr1); // 출력 => (4) ["진수", "영철", "영희", 5]

// ES6
let arr2 = myArrary.map((item) => item);

console.log(arr2); // 출력 => (4) ["진수", "영철", "영희", 5]

 

Template Literals 템플릿 리터럴

문자열간에 변수를 사용할때 ""+"" 이런식으로 쓰였는데  ``백틱을 사용하고 그 안에서 변수를 사용할때는  ${}을 사용해서 변수를 사용할수 있다.

 

const myFunc = (name, age) => {
	return `안녕 ${name}, 너의 나이는 ${age}살 이다!`; 
};

console.log(myFunc1('영희', 22));
// 출력 => 안녕 영희, 너의 나이는 22살 이다!

 

 

구조분해 할당 

비구조화를 통해 배열 또는 객체의 값을 변수에 쉽게 할당할수 있다

//객체에서

app.post("/users", (req, res) => {
  // const name = req.body.name
  // const age = req.body.age
  // const school = req.body.school
  // const email = req.body.email

  const { name, age, school, email } = req.body;
  
  //위의 변수명과 할당할 데이터의 이름이 같아서
  
  
  //배열에서
  
  const arr = ['광희', '지수', '영철', 20];

let [value1, value2, value3] = arr;

console.log(value1);
console.log(value2);
console.log(value3);
// 출력
// 광희
// 지수
// 영철

//배열에서는 서로 같은 위치에 있는 값이 변수에 할당된다 위치가 중요

 

이외에  더 추가된 기능이나 문법들이 더있다 

 

 

 

출처

https://velog.io/@kimhscom/JavaScript-%EC%9E%90%EC%A3%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-ES6-%EB%AC%B8%EB%B2%95-%EC%A0%95%EB%A6%AC