arrow function

화살표 함수 표현(arrow function)

• function 표현에 비해 구문이 짧고 자신의 this, arguments, super, new.target을 바인딩 하지 않음

• 화살표 함수는 항상 익명

• 메소드 함수가 아닌 곳에 가장 적합

• 생성자로서 사용할 수 없음

 

화살표 함수 적용 전 (파라미터가 하나 일 경우)

let fruits = [
  'apple',
  'banana',
  'grape',
  'orange'
];

fruits.map(function(fruit) {
  console.log(fruit.length)
  return fruit.length;
});

 

화살표 함수 적용 후 ㅋ

let fruits = [
  'apple',
  'banana',
  'grape',
  'orange'
];

fruits.map(fruit => {			// 파라미터가 하나일 경우만 감싸는 ()괄호를 삭제 가능
  console.log(fruit.length)
  return fruit.length;
});

 

참조 사이트 : MDN - 화살표함수

화살표 함수