[Javascript] ES6 화살표 함수 this

bunny.log·2022년 6월 5일
0

일반 function

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

const blackDog = new BlackDog();
blackDog.bark(); //검둥이: 멍멍!

일반함수는 자신이 종속된 객체를 this로 가리킴

검둥이: 멍멍!

화살표 함수 function

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

const whiteDog = new WhiteDog();
whiteDog.bark(); //흰둥이: 멍멍!

화살표 함수는 자신이 종속된 인스턴스의 this를 가르킴

흰둥이: 멍멍!
profile
나를 위한 경험기록

0개의 댓글