ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 화살표 함수
    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
Designed by Tistory.