일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- gitCLI
- AI
- 우아한테코톡
- 최적화
- es6
- github
- learn next.js
- CSS
- git
- 선택자
- hatso
- html5
- hooks
- 햇소
- developerlife
- next.js
- ES5+
- API
- Python
- 변수
- dev
- JS
- object
- JavaScript
- 함수
- react
- array
- ES6+
- This
- DOM
Archives
- Today
- Total
codinghatso
Arrow function 화살표 함수 본문
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 |