var vs let vs const

먼저 var로 선언된 변수는 함수 단위의 스코프를 가지게 되지만,
let이나 const로 선언된 변수는 블럭 스코프를 갖게 됩니다.
즉, let이나 const로 선언된 변수는 선언된 블럭을 벗어나면 접근하기 어려워지는 것이죠.

또한 var는 hoisting되는 특징을 가지고 있지만,
let과 const는 그렇지 않습니다.
만일 let 과 const를 초기화하기 전에 참조하려고 하면 레퍼런스 에러가 발생합니다.

---

String의 .startsWith() 그리고 endsWith() 메서드

.startsWith() 메서드는 대상 문자열이 인자로 받은 문자로 시작하는지를 확인해주는 메서드입니다.

let example = 'Hello world';

console.log(example.startsWith('H')); // true

console.log(example.startsWith('h')); // false

.endsWith() 메서드는 대상이 되는 문자열이 인자로 받은 문자로 끝나는지를 확인하는 메서드입니다.

let example = 'Hello world';

console.log(example.endsWith('ld')); // true

console.log(example.endsWith('LD')); // false

---

Template Literals

${}를 이용하여 중괄호 안에 변수나 함수 호출 같은 자바스크립트 코드를 넣습니다.

let myName = 'Ella';

// Before 
console.log('Hi, My name is ' + myName + '.');

// ES6
console.log(`Hi, My name is ${myName}.`);

---

Arrow Fuction

ES6에서 생긴 새로운 함수 표현 방법인 화살표 함수입니다
화살표 함수로 함수를 작성하면 코드 길이를 조금 줄일 수 있는 장점이 있습니다.

function hello(name){
  
	console.log("안녕하세요"+ name +"입니다.")
}

const allowFuc = (name) =>{
  
  console.log("안녕하세요"+ name +"입니다.")
  
}

---

Arrays

for … of 구문

forEach나 map 메서드는 배열을 반복하여 무언가를 할 수 있게 하는 도구이지만,
continue나 break를 사용할 수 없다는 단점이 있습니다.
ES6에서는 조금 더 간단하게 작성할 수 있도록 for … of 문을 제공합니다.

Spread Operator

.apply()를 대체할 수 있습니다.

function sum(a, b, c, d) {
  return a + b + c + d; 
};

var target = [10, 23, 57, 6];

console.log(sum(...target));

배열을 합치는 데에도 사용할 수 있습니다.

const familySmith = ['John', 'Jane', 'Mark'];
const familyMiller = ['Mary', 'Bob', 'Ann'];
const bigFamily = [...familySmith, ...familyMiller];

console.log(bigFamily); // ["John", "Jane", "Mark", "Mary", "Bob", "Ann"]

---

출처-https://ujeon.medium.com/javascript-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-es6-%ED%8A%B9%EC%A7%95%EB%93%A4-4f8916bf82da