타입스크립트 화살표 함수 =>
1. 정의
- ES6표준에 포함된 익명의 함수를 간략하게 표현 할 수 있는 방법
2. 기본 사용
- function(){ } ;
- () => { } ;
3. 화살표함수의 이용
123456789101112131415//case1
var
pw =
function
(x){
return
x * x;
}
console.log(pw(2));
//case2
var
pw2 = (x)=>{
return
x*x;
}
console.log(pw2(3));
//case3
var
pw3= x => x*x;
console.log(pw3(3));
- 기본 함수를 간단하게 표현이 가능하다
1) 즉시 실행함수 형태
123((x) => {
console.log(x*x);
})(3);
2) 화살표 함수와 필터함수
123456789101112var
numbers = [1,2,3,4];
//normal
var
number_list = numbers.filter(check);
function
check(value){
return
value > 1;
}
console.log(number_list);
//arrow
var
arrow_filter = numbers.filter(value => value > 1);
console.log(arrow_filter);
'Front-End > Typescript' 카테고리의 다른 글
[Typescript] ES6 에서의 getter/setter함수 (0) | 2017.03.04 |
---|---|
[Typescript] 타입스크립트 디스트럭처링(destructuring) (0) | 2017.03.04 |
[Typescript] 타입스크립트 문자열 표현 - 템플릿 문자열 (0) | 2017.03.04 |
[Typescript] 타입스크립트유니언 타입 - Union type (0) | 2017.03.04 |
[Typescript] 타입스크립트 - 배열선언 (0) | 2017.02.22 |