Js - ES6 화살표함수

화살표 함수는 ES6에서 도입된 함수를 표현하는 새로운 방식이라고 합니다. 그렇다고 기존 function을 이용하는 함수 선언 방식과 거의 동일한 역할을 하지만 가리키는 this가 다릅니다.

 

function() 을 사용했을 경우

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(); // 흰둥이 : 멍멍!

이 경우에는 자신이 종속된 인스턴스를 가리킵니다.