es6에서 도입된 문법

// es6 이전.
// var는 재선언 가능
var a = "This is string";
var a = 1234;

// ES6 이후
// let은 재선언 불가능
let b = "This is string";
b = 1234;

// const는 재할당 불가능
const c = "This is string";
c = 1234; // <-- 에러 발생

const name = "user-1";
const count = 324;

// es6 이전
var str1 = name + " has pushed button " + count + " times."; 
// es6 이후
const str2 = `${name} has pushed button ${count} times.`;

// es6 이전
function func(a, b) {
  return a + b;
}

// es6 이후
const func = (a, b) => {
  return a + b;
}
// return 생략
const func = (a, b) => a + b;

// es6 이전 (배열)
var arr = [1, 2, 3];
console.log(arr[0], arr[1], arr[2]);
// es6 이후 (배열)
const [first, second, third] = arr;
console.log(first, second, third);

// es6 이전 (객체)
var obj = {
  name : "user-1",
  count: 123
}
console.log(obj.name, obj.count);

// es6 이후 (객체)
const {name, count} = obj;
console.log(name, count);

// es6 이전
function callbackHell(callback) {
  setTimeout(function() {
    ...	// do something
   	setTimeout(function() {
      ... // do something
      setTimeout(function() {
        ... // do something
        callback();
      }, 1000)
    }, 1000)
  }, 1000)
}

function callbackFree(callback) {
  const promise1 =  new Promise((resolve, reject) => {
    setTimeout(() => {
      ... // do something
      resolve();
    }, 1000)
  })
  
  const promise2 = promise1.then(() => {
   return new Promise((resolve, reject) => {
       setTimeout(() => {
        ... // do something
        resolve();
      }, 1000)
   })
  });
  
  promise2.then(() => {
    setTimeout(() => {
	    ... // do something
      callback();
    }, 1000)
  })
}

class Polygon {
  constructor(height, width) {
    this.name = 'Polygon';
    this.height = height;
    this.width = width;
  }
}

class Square extends Polygon {
  constructor(length) {
    super(length, length);
    this.name = 'Square';
  }
}