Arrow function

ES6에서 새로생긴 화살표 함수

 

let fx = function() {
}

let fx = () => { }

함수를 만들어내는 이유:

1. 코드들을 기능으로 묶고싶을때

2. 입출력 기계를 만들고 싶을때

 

Arrow function의 장점

1. 입출력 기계 만들때 보기쉬움

2. 소괄호 생략가능 (파라미터가 1개일때만)

3. 코드 한줄이면 중괄호도 생략가능  => 직관적

 

 

사용 예제

[1, 2, 3, 4].foreach(function (a) {
        console.log(a);         //a는 array내의 자료들
      });
      
      
      
[1, 2, 3, 4].foreach((a) => console.log(a)); //a는 array내의 자료들

한줄로 간지나게 정리 가능

 

 

 

Arrow function 특징: 바깥에 있던 this값을 내부에서 그대로 사용 , 함수내의 this값을 변경시키지 않음

     document.querySelector('.button').addEventListener('click',(e) => {
          this  //window값 나옴
        });






        let object = {
            fx : () =>{
                return this  //이것도 window값 나옴
            }
        }
        object.fx();