자바스크립트 기본(Arrow Function)

김보현·2021년 9월 4일
0

자바스크립트

목록 보기
6/11
post-custom-banner

Arrow Function

자바스크립트에는 함수를 선언하는 3가지 방법이 있다.

  1. function calcAge(birthYear){return 2021-birthYear}
  2. const calcAge = function(birthYear){return 2021-birthYear}
  3. Arrow Function

위의 함수를 Arrow Function으로 작성하면 다음과 같다.

const calcAge = birthYear => 2021-birthYear;

이 때 Arrow Function은 return을 안써도 값이 자동적으로 리턴이 된다.

이는 한줄짜리 간단한 함수를 사용할 때 편하다.

이때 파라미터의 수와 코드의 줄이 늘어나면 어떻게 작성해야 할까?

바로 ( ) 과 { }로 감싸주면 된다.

const whenIsBirthD = (currentYear, birthYear, birthMonth, birthDate) =>{
const age = currentYear - birthYear;
return `I'm ${age}years old, my birth day is ${birthMonth},${birthDate}, %{birthYear}`
}

이 때는 한줄짜리 코드와는 달리 return을 명시적으로 적어야 한다.

profile
안녕하세요 김보현입니다.
post-custom-banner

0개의 댓글