일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 윈도우키보드
- AWS
- apollo router
- goland
- Infra
- Helm V3
- 디자인패턴
- Kubernetes
- GoF
- 오블완
- body size
- golang
- Intellij
- 대규모 시스템 설계
- Golines
- Logrus
- 컴포지트패턴
- GoF 디자인패턴
- intellij ide
- go
- http 413
- Buffered channel
- 배포 프로세스
- elasticsearch
- System Design
- notification system
- UnBuffered channel
- 배포 파이프라인
- gitops
- 티스토리챌린지
Archives
- Today
- Total
Fall in IT.
간단히 화살표함수 알아보기 본문
안녕하세요.
오늘은 화살표함수(arrow function expression)에 대해서 알아보겠습니다.
화살표함수란?
- 화살표함수 표현은 일반 함수 표현보다 간결하게 함수를 표현할 수 있는 방식입니다.
화살표 함수의 특징
- function 표현에 비해 구문이 짧습니다.
- 나머지 매개변수 및 기본 매개변수가 지원 됩니다.
- 화살표 함수는 자신만의 this를 생성하지 않습니다.
- 화살표 함수 표현은 메소드 함수가 아닌 속에 적당합니다. 그래서 생성자로서 사용할 수 없습니다.
- 화살표 함수는 항상 익명입니다.
화살표함수 예제
기존 방식
var a = function(user) {
return user.age > 20;
}
화살표함수를 적용한 방식
1. 기본
var a = (user) => {
return user.age > 20;
}
2. 한줄일 경우 { } 생략 가능
var a = (user) => return user.age > 20;
3. 한줄일 경우 return 생략 가능
var a = (user) => user.age > 20;
4. 변수가 없을 경우
var a = () => {
// TODO
}
5. 변수가 여러개일 경우
var a = (a, b) => {
// TODO
}
6. 객체를 반환해야 하는 경우
var a = (user) => { value: "123" } (X)
var a = (user) => ({ value: "123" }) (O)
7. 화살표함수는 자신만의 this를 생성하지 않습니다.
-> 화살표 함수전까지는, 모든 새로운 함수는 자신의 this
값을 정의했습니다.
(아래 예제와 같이 화살표 함수 표현은 메소드 함수가 아닌 속에 적당합니다.)
function Person(){
this.age = 0;
setInterval(() => {
this.age++; // |this| 는 정확히 person 객체를 참조
}, 1000);
}
var p = new Person();
8. 화살표 함수는 파라메터와 화살표 사이에 개행 문자를 포함 할 수 없습니다.
var func = ()
=> 1; // SyntaxError: expected expression, got '=>'
9. 브라우저 호환성
참조
- https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/%EC%95%A0%EB%A1%9C%EC%9A%B0_%ED%8E%91%EC%85%98
- https://hacks.mozilla.org/2015/06/es6-in-depth-arrow-functions/
'기타' 카테고리의 다른 글
npm install (plugin) --save와 --save-dev 차이점 (0) | 2018.01.02 |
---|---|
OneSignal을 사용하여 무료 push서비스 구현하기 (8) | 2017.11.09 |
화면 오버레이 감지됨 에러 해결 방법 (0) | 2017.08.18 |
Bitbucket을 활용하여 코드리뷰하기 (0) | 2017.08.10 |
SourceTree Command Line에서 실행하는 방법 (0) | 2017.07.23 |
Comments