[TIL] arrow function, this, call, apply, bind

arrow function

-----origin function-----

const add = function (x, y) {
  return x + y;
}


-----arrow function------

const add = (x, y) => x + y

• function 이라는 단어 생략 가능
• 매개변수가 하나일 경우 소괄호 생략 가능
• 함수 본문 내용이 한 줄일 경우 중괄호, return 생략 가능
• this 와 함께 사용하지 않는다.

call, apply, bind

• 함수에 this를 임의로 지정해줄 수 있게 하는 메소드
• call, apply 의 경우 함수를 실행시키지만 bind는 실행시키지 않는다.
• call의 경우, 첫번째 인자로 this를 받고, 그 뒤로 함수의 인자를 받는다.
• apply의 경우, call과 마찬가지로 첫번째 인자로 this를 받고, 그 뒤로 함수의 인자를 받으나 배열의 형태로 받는다.