화살표 함수

기존에는 fuction을 사용해 문법을 작성했었습니다 하지만 좀 더 편리하게 화살표 함수라는걸 사용해서 문법을 만들 수 있는데요

기본적으로 화살표 함수는 " => " 이렇게 화살표 모양으로 사용합니다

기존에 만들어봤던 a + b 함수를 만들어보겠습니다

function add (a, b) {
  return a + b;
}

const sum = add(1, 2);
console.log(sum)

화살표 함수로 바꿔보겠습니다

const add = (a, b) => {
  return a + b;
}

const sum = add(1, 2);
console.log(sum);

기존 template literal도 만들어보겠습니다

function hello(name) {
  console.log(`Hello,${name}!`);
}

hello("김두비");

이것도 화살표 함수로 만들어보겠습니다

const hello = (name) => {
  console.log(`Hello,${name}!`);
}

hello("김두비");

화살표 함수의 특징은 내부에서 값을 리턴하지만 이런 경우에 더 코드를 짧게 작성할 수 있습니다

//반환하는 함수를 바로 넣어준다
const add = (a, b) => a + b;
const sum = add(1, 2);
console.log(sum);