WEB/JavaScript Diary

Arrow function 화살표 함수

hatso 2022. 3. 8. 18:19

Javascript는 함수형 개발 언어에 최적화 되어있습니다.

우리가 개발을 할 때 함수를 만들때는 주의사항이 있습니다.

 

함수는 항상 어떤 목적을 수행하기 위한 하나의 기능 단위로 만들어져야 한다는 것입니다.

함수를 사용하는 이유

1. 여러가지 기능을 하는 코드를 한 단어로 묶고 싶을 때(그리고 나중에 재사용할 때)

2. 입출력기능을 만들 때

 

Arrow fucntion 장점

1. 함수 본연의 기능을 아주 잘 표현하는 문법입니다.

    함수 본연의 입출력기능을 아주 직관적으로 잘 표현해줍니다.

    input을 집어 넣어 output을 출력하는 함수의 본 개념을 뜻함.

    파라매터로 값을 받아 return을 이용하여 뱉어내는 것.

 

2. 소괄호 생략이 가능합니다.

var someFunc = x => { return x * 2 }

3. 중괄호 생략이 가능합니다. 

var someFunc = x => x * 2 ;

    중괄호 안에 return 한줄 뿐이라면 중괄호와 return도 생략가능합니다.

 

arrow function을 사용하면 내부에서 this값을 쓸 때 밖에 있던 this값을 그대로 사용합니다.

바깥에 있던 this의 의미를 그대로 내부에서도 사용하는 함수가 바로 arrow function 입니다.