[TIL] 07.20 ~ javascript Function Expressions

자바스크립트에서 함수를 정의하는 방법은 여러가지가 있다.

javascript es6 출시 이후 const를 키워드로 삼아 변수를 선언하는 것이 일반적인 관행이다.

함수 키워드와 가능한 매개 변수가 있는 괄호 집합을 사용하여 할당해야한다.

variable(argument1, argument2)

함수 선언과 달리 함수 표현식은 호스트되지 않기 때문에 정의되기 전에 호출할 수 없다.

const plantNeedsWater = function(day){
    if( day === 'Wednesday'){
      return true;
    } else {
      return false;
    }
};

console.log(plantNeedsWater('Tuesday'));

const를 사용해서 plantNeedsWater라는 함수를 정의했다.
함수 안에 day라는 매개변수를 입력했고 day가 wednesday일 경우 true가 출력되고
아닐 경우 false가 출력된다.

확인 하기 위해서 console.log에 찍어봤는데 false가 나온 걸로 보아 잘 정의한 것 같다!

Arrow Functions

화살표 함수는 function를 치지 않고서도 함수를 만들 수 있다. 대신에 화살표 함수를 사용할 때는 ()와 =>를 사용해야 한다.

const plantNeedsWater = (day) => {
    if (day === 'Wednesday') {
    return true;
  } else {
    return false;
  }
};

위에서 사용했던 함수 표현식보다 깔끔하게 사용된 걸 볼 수 있다.

또, 함수가 한 줄에 정의할 떄 {}를 사용하지 않아도 된다.

함수가 매개변수가 한 개 이고 한 줄에 끝나기 때문에 ()과 {}를 모두 생략했다.

const plantNeedsWater = day => day === 'Wednesday' ? true : false;