donaricano-btn

타입스크립트 화살표 함수 =>


1. 정의

- ES6표준에 포함된 익명의 함수를 간략하게 표현 할 수 있는 방법


2. 기본 사용

-  function(){ } ;

- () => { } ;


3. 화살표함수의 이용

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//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) 즉시 실행함수 형태

1
2
3
((x) => {
    console.log(x*x);
})(3);

2) 화살표 함수와 필터함수

1
2
3
4
5
6
7
8
9
10
11
12
var 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);

블로그 이미지

리딩리드

,