-
화살표 함수Front-end/Javascript 2021. 5. 3. 18:14
화살표 함수는 함수 표현식으로 정의해야 한다.
화살표 함수를 사용하면 콜백 함수 안에서 this가 전역객체를 가리키는 문제를 해결할 수 있다.
화살표 함수도 일급 객체이므로 map, filter, reduce 같은 함수에 인수로 전달할 수 있다.
화살표함수와 즉시 실행 함수 (IIFE)
- 화살표함수도 IIFE로 사용 할 수 있다.
일반 함수와 차이
1. 인스턴스를 생성할수 없다. (non-constructor)
=> 화살표 함수는 인스턴스를 생성할 수 없으므로 prototype 프로토타입도 없고 프로토타입을 생성하지 않는다.
2. 중복된 매개변수 이름을 사용할 수 없다.
strict mode가 아닐때 일반함수에서는 중복된 매개변수 이름을 선언할 수 있으나, 화살표함수에서는 중복된 매개변수 이름을 선언하면 에러가 난다.
실행결과 :
3. 화살표 함수는 함수 자체의 this, argument, super, new.target 바인딩을 갖지 않는다.
=> 화살표 함수 내부에서 this, argument, super, new.target을 참조한다면 스코프 체인을 통해 상위 스코프의 this, arguments, super, new.target을 참조한다.
'Front-end > Javascript' 카테고리의 다른 글
클래스 (1) (0) 2022.04.28 클래스와 생성자 함수 (0) 2022.04.28 Promise.all([ ])과 Promise.race([ ]) (0) 2021.04.29 일급 객체(first-class object) (0) 2021.04.29 toString() 과 String() 형변환의 차이? (1) 2021.04.28