개발지식/JavaScript

화살표 함수

jinux127 2022. 2. 2. 18:15

 

// 기본
(p1,p2,...m,pN) => {st}

// 매개변수가 하나일 경우 괄호 생략가능
singleParam => {st}

// 매개변수가 없을 경우 괄호 필요
() => {st}

 

화살표 함수는 this 대신 화살표 함수를 둘러싸는 렉시컬 범위의 this가 사용된다.

화살표 함수는 일반 변수 조회 규칙을 따른다. → 현재 범위에서 존재하지 않는 this를 찾을 때 화살표 함수 바로 바깥 범위에서 this를 찾는다.

 

function Person(){
  this.age = 0;

  setInterval(() => {
    this.age++; // |this|는 Person 객체를 참조
  }, 1000);
}

var p = new Person();​

화살표 함수를 사용함으로써 객체 지향 스타일로 프로그래밍할 때 좋다고 함! 아직 체감은 안됨..ㅠ