[JavaScript] 화살표함수의 this

참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/Arrow_functions

화살표 함수 - JavaScript | MDN

element.addEventListener('input', () => {
	console.log('this: ', this);
});

element.addEventListener('input', function(){
	console.log('this: ', this);
});

위 코드에서 화살표 함수의 this는 윈도우객체

익명함수의 this는 element가 나와서 간만에 생각이 나지않아 한번 정리

 

화살표함수는 this가 만들어지지 않으며 화살표함수를 둘러싸는 외부의 this를 가져와서 사용

익명함수 및 그냥 함수 사용 시에는 this가 만들어져서 호출한 element가 나옴