JS: 화살표 함수

sungji·2024년 2월 16일
0

es6에서 새롭게 추가된 화살표 함수
기존의 함수 표현식에서 더 단순하고 간결한 표현을 위해 도입

let func = (arg1, arg2, ...argN) => expression

인수가 1개일 때는 () 를 생략할 수 있다.
인수가 없을 때는 괄호를 비울 수 있다. 단, 생략할 수는 없다.

let sum = (a, b) => {  // 중괄호는 본문 여러 줄로 구성되어 있음을 알려줍니다.
  let result = a + b;
  return result; // 중괄호를 사용했다면, return 지시자로 결괏값을 반환해주어야 합니다.
};

표현식이 한 줄일 때는 중괄호를 생략한다.
여러 줄일 때는 중괄호로 표신한다. 결과값은 return을 사용해야 한다.

화살표 함수에서의 this

자바스크립트의 경우 함수 호출 방식에 의해 this에 바인딩할 어떤 객체가 동적으로 결정
콜백 함수 내부의 this는 전역 객체 window를 의미한다.
반면, 화살표 함수는 언제나 상위 스코프의 this를 따라간다.
또한 화살표 함수는 call, apply, bind 메소드를 사용하여 this를 변경할 수 없다.

profile
열정 열정 열정

0개의 댓글