[ES6] 화살표함수

화살표 함수(arrow function)은 ES6문법에서 함수를 표현하는 새로운 방식이다.
주로 함수를 파라미터로 전달할때 유용하다.
기존 function(일반 함수)을 이용한 함수 선언 방식을 대체할 수 없다.(사용 용도가 다름)

• 기존 function(일반 함수)
  this: 자신이 종속된 객체

function BlackDog() {
    this.name = '흰둥이';
    return {
        name: '검둥이',
        bark: function() {
            console.log(this.name + ' : 멍멍!');
        }
    }
}

const blackDog = new BlackDog();
blackDog.bark();

• 화살표 함수
  this: 자신이 종속된 인스턴스

function WhiteDog() {
    this.name = '흰둥이';
    return {
        name: '검둥이',
        bark: () => {
            console.log(this.name + ' : 멍멍!');
        }
    }
}

const whiteDog = new WhiteDog();
whiteDog.bark();

화살표 함수는 값을 연산하여 바로 반환해야 할 때 사용하면 가독성에 좋다.

// 일반 함수
function twice(value) {
    return value * 2;
}
// 화살표 
const triple = (value) => value * 3;