본문 바로가기

배운 것/js

[js] arrow function 규칙

//기존의 function sample

var double = function(x){    return x*2;}

 

//arrow function sample

const double = (x) => {    return x*2;}

 

//매개변수가 1개인 경우 소괄호 생략 가능

const double = x => {return x*2}

 

//함수가 한줄로 표현가능하면 중괄호 생략 가능하고 자동으로 return됨

const double = x => x * 2

 

//매개변수가 두 개 이상일 때

const add = (x,y) => x + y

 

//매개변수가 없을 때

() => {    ... }

 

//객체변환할 때 중괄호 사용

() => {return {a:1};}

 

//return 바로할땐 소괄호 사용

() => ({a:1})



출처: https://jeong-pro.tistory.com/110 [기본기를 쌓는 정아마추어 코딩블로그]

 

'배운 것 > js' 카테고리의 다른 글

[js] Ajax란  (0) 2019.12.02
[js] 프로토타입 상속이 어떻게 작동하는가  (0) 2019.12.02
[js] 삼항연산자  (1) 2019.10.31
[js] filter  (0) 2019.10.27
[js] promise 이해하기 + 객체  (0) 2019.10.24