codinghatso

Arrow function 화살표 함수 본문

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 입니다.

'WEB > JavaScript_Diary' 카테고리의 다른 글

뷰포트에 상대적인 위치정보를 제공하는 API  (0) 2022.03.12
nullish 병합 연산자 '??'  (0) 2022.03.08
this 키워드  (0) 2022.03.08
클래스 상속 (Inherit)  (0) 2022.03.06
JS객체 정의  (0) 2022.03.01
Comments