Arrow Function(화살표 함수)

김기범·2022년 4월 5일
0

JS-Study

목록 보기
7/7

Arrow Function

Arrow Function(화살표 함수)은 ES6문법이며 기존의 function 키워드를 사용해서 함수를 만드는것보다 간단히 함수를 표현할 수 있다.

// 일반함수
let a = function () {
     return new Date()
}

//화살표 함수
let a = () => new Date();

// 일반함수
let b = function (a) {
     return a * a
}

//화살표 함수
let b = a => a * a  // 전달받는 인자가 하나뿐이면 괄호 생략 가능.

//일반함수
let c = function (a, b) {
     return a + b
}

//화살표함수
let c = (a, b) => a + b

쉽게 말해서 function을 지우고 괄호 뒤에 => 를 붙인다고 생각하면 된다. 하지만 함수 안에 return값만 있다면 {}도 생략이 가능하다.

return 값이 객체일 경우에는 ()로 묶어줘야한다. {}가 생략되기 때문에.

// 일반함수
let e = function(x){
     return{
         x:x
     }
}

// 화살표 함수
let e = x => ({x})

요약
1) (매개변수) => { 본문 }
2) 매개변수가 하나뿐인 경우 괄호 생략 가능
3) 매개변수가 없을 경우엔 괄호 필수
4) 본문이 return [식 or 값] 뿐인 경우 { }return 키워드 생략 가능
5) 위 4) 에서 return할 값이 객체인 경우엔 괄호 필수

profile
개발자가 되고싶은 웹퍼블리셔

0개의 댓글